diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue
index 11bf45f7..b1cddf69 100644
--- a/src/layouts/provider-preference/provider-preference.vue
+++ b/src/layouts/provider-preference/provider-preference.vue
@@ -14,7 +14,7 @@
                                     v-html="ProviderPreferenceBodyText"
                                     class="mt-0 body-text"
                                     ></div>
-                                    <shoppreferenceModal cmsWidgetName="ShopPreferenceDrawer" />
+                                    
                                     <buttonQuestion
                                     cmsWidgetName="ServiceLocationQuestion"
                                     :questionText="questionText"
@@ -38,15 +38,19 @@
                 </div>
             </div>
         </div>
+        <contentGroupModal cmsWidgetName="ShopPreferenceDrawer"
+                        ref="ShopPreferenceDrawer"
+                    />
     </Form>
 </template>
 <script>
 // Import Supporting Files
-import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
+import { fetchCmsContentForPage, setupModalLinks } from '@/helpers/cms-content-helper';
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { required } from "@/helpers/validation-rules";
 import { errorMessages } from "@/constants/error-messages";
 import buttonQuestion from "@/digital-components/button-question/button-question";
+import contentGroupModal from "@/iss-components/content-group-modal/content-group-modal" 
 
 // Import Component
 import baseFormMixin from "@/mixins/base-form-mixin";
@@ -68,7 +72,8 @@ export default {
         siteSubHeader,
         Form,
         shoppreferenceModal,
-        buttonQuestion
+        buttonQuestion,
+        contentGroupModal
     },
     data() {
         return {
@@ -124,6 +129,9 @@ export default {
         },
         resetDependentState() {},
     },
+    mounted() {
+        setupModalLinks(this);
+    }
 };
 </script>
 <style lang="scss">
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index bba41a23..73e01e30 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -63,4 +63,11 @@ body {
             overflow: hidden;
         }
     }
+
+    .modal-text {
+        display: inline;
+        color: $blue;
+        cursor: pointer;
+        text-decoration: underline;
+      }
 }
\ No newline at end of file