diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue
index 618a9625..6054b1e7 100644
--- a/src/layouts/provider-preference/provider-preference.vue
+++ b/src/layouts/provider-preference/provider-preference.vue
@@ -3,7 +3,7 @@
     <div class="page-container-grouped-styles overflow-auto">
       <siteHeader cmsWidgetName="SiteHeaderWidget" />
       <siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" />
-      <div class="fade-on-route-transition sub-container make-tall px-5">
+      <div class="fade-on-route-transition sub-container make-tall overflow-scroller px-5">
         <div v-html="ProviderPreferenceHeaderText"  class="text-center mt-4 mb-4" ></div>
         <div
             v-html="ProviderPreferenceBodyText"
@@ -118,6 +118,10 @@ export default {
 };
 </script>
 <style lang="scss">
+.overflow-scroller {    
+    height: calc(100% - 220px) !important;   
+    overflow-X: hidden !important;   
+}
 #sub-header span{
 color: #000000;
 }