diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index 89727170..68653049 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -233,16 +233,6 @@ export default {
 </script>
 
 <style lang="scss">
-// .button-question-overflow {
-//     height: calc(100vh - 274px);
-//
-//     .overflow-scroll {
-//         // Height will be determined by overall height of content above list
-//         height: calc(100% - 400px);
-//         overflow-x: hidden !important;
-//         -webkit-overflow-scrolling: touch;
-//     }
-// }
 .button-question {
     color: $black;
 
diff --git a/src/iss-components/questions-page-layout/questions-page-layout.vue b/src/iss-components/questions-page-layout/questions-page-layout.vue
index d6857fcb..be67de5b 100644
--- a/src/iss-components/questions-page-layout/questions-page-layout.vue
+++ b/src/iss-components/questions-page-layout/questions-page-layout.vue
@@ -103,19 +103,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
-.fade-on-route-transition {
-    margin-bottom: 100px;
-}
-.page-container-grouped-styles {
-    overflow: auto;
-}
-
-.modal-open {
-    .page-container-grouped-styles {
-        overflow: hidden;
-    }
-}
+<style lang="scss">
 .questions-page {
     .question-text {
         margin-bottom: 0.5rem;
diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue
index da2de16c..a2c345f3 100644
--- a/src/layouts/address-lookup/address-lookup.vue
+++ b/src/layouts/address-lookup/address-lookup.vue
@@ -352,17 +352,3 @@ components: {
 },
 };
 </script>
-<style lang="scss" scoped>
-.fade-on-route-transition {
-    margin-bottom: 100px;
-}
-.page-container-grouped-styles {
-    overflow: auto;
-}
-
-.modal-open {
-    .page-container-grouped-styles {
-        overflow: hidden;
-    }
-}
-</style>
diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 8a7cb5f5..5f7a886a 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -149,19 +149,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
-.fade-on-route-transition {
-    margin-bottom: 100px;
-}
-.page-container-grouped-styles {
-    overflow: auto;
-}
-
-.modal-open {
-    .page-container-grouped-styles {
-        overflow: hidden;
-    }
-}
+<style lang="scss">
 ol {
     margin-left: -1rem;
     li {
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index d2557d7e..b1c49299 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -316,19 +316,7 @@ export default {
     };
     </script>
 
-    <style lang="scss" scoped>
-    .fade-on-route-transition {
-        margin-bottom: 100px;
-    }
-    .page-container-grouped-styles {
-        overflow: auto;
-    }
-
-    .modal-open {
-        .page-container-grouped-styles {
-            overflow: hidden;
-        }
-    }
+    <style lang="scss">
     #license-plate-question-wrapper .form-test-error {
         /**
         Override extra margin-bottom in the error message in TextboxQuestion
diff --git a/src/layouts/policy-holder-details/policy-holder-details.vue b/src/layouts/policy-holder-details/policy-holder-details.vue
index 28d82c2e..1de675b1 100644
--- a/src/layouts/policy-holder-details/policy-holder-details.vue
+++ b/src/layouts/policy-holder-details/policy-holder-details.vue
@@ -135,17 +135,6 @@ export default {
     }
     </script>
     <style lang="scss">
-    .fade-on-route-transition {
-        height: calc(100% - 120px);
-        overflow: scroll;
-        overflow-x: hidden;
-    }
-
-    .modal-open {
-        .fade-on-route-transition {
-            overflow: hidden;
-        }
-    }
     .alert.alert-warning
     {
         margin-top: 20px;
diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue
index 2a637266..e5d75533 100644
--- a/src/layouts/provider-preference/provider-preference.vue
+++ b/src/layouts/provider-preference/provider-preference.vue
@@ -125,33 +125,21 @@ export default {
     },
 };
 </script>
-<style lang="scss" scoped>
-.fade-on-route-transition {
-    margin-bottom: 100px;
-}
-.page-container-grouped-styles {
-    overflow: auto;
-}
-
-.modal-open {
-    .page-container-grouped-styles {
-        overflow: hidden;
-    }
-}
+<style lang="scss">
 #sub-header span{
-color: $black;
+    color: $black;
 }
 .body-text {
-color: $darker-gray;
-p, li {
-margin-bottom: 0.5rem;
-}
+    color: $darker-gray;
+    p, li {
+        margin-bottom: 0.5rem;
+    }
 }
 .modal-link a{
-  color: $blue-700;
-  font-size: 14px;
-  line-height: 24px;
-  font-weight: 500;
+    color: $blue-700;
+    font-size: 14px;
+    line-height: 24px;
+    font-weight: 500;
 }
 .question-text {
     margin-top: 0;
diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index ae932ac0..9b7b8115 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -76,18 +76,3 @@ export default {
     },
 };
 </script>
-
-<style lang="scss" scoped>
-.fade-on-route-transition {
-    margin-bottom: 100px;
-}
-.page-container-grouped-styles {
-    overflow: auto;
-}
-
-.modal-open {
-    .page-container-grouped-styles {
-        overflow: hidden;
-    }
-}
-</style>
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index fdf75458..daf6b9a1 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -478,18 +478,3 @@ export default {
         },
     };
     </script>
-
-<style lang="scss" scoped>
-.fade-on-route-transition {
-    margin-bottom: 100px;
-}
-.page-container-grouped-styles {
-    overflow: auto;
-}
-
-.modal-open {
-    .page-container-grouped-styles {
-        overflow: hidden;
-    }
-}
-</style>
diff --git a/src/layouts/vehicle-lookup/vehicle-lookup.vue b/src/layouts/vehicle-lookup/vehicle-lookup.vue
index 81f42102..6d30d29e 100644
--- a/src/layouts/vehicle-lookup/vehicle-lookup.vue
+++ b/src/layouts/vehicle-lookup/vehicle-lookup.vue
@@ -106,18 +106,3 @@ export default {
     },
 };
 </script>
-
-<style lang="scss" scoped>
-.fade-on-route-transition {
-    margin-bottom: 100px;
-}
-.page-container-grouped-styles {
-    overflow: auto;
-}
-
-.modal-open {
-    .page-container-grouped-styles {
-        overflow: hidden;
-    }
-}
-</style>
diff --git a/src/layouts/vehicle-make/vehicle-make.vue b/src/layouts/vehicle-make/vehicle-make.vue
index 5f70480d..2c48f36a 100644
--- a/src/layouts/vehicle-make/vehicle-make.vue
+++ b/src/layouts/vehicle-make/vehicle-make.vue
@@ -100,18 +100,3 @@ export default {
     }
 };
 </script>
-
-<style lang="scss" scoped>
-.fade-on-route-transition {
-    margin-bottom: 80px;
-}
-.page-container-grouped-styles {
-    overflow: auto;
-}
-
-.modal-open {
-    .page-container-grouped-styles {
-        overflow: hidden;
-    }
-}
-</style>
diff --git a/src/layouts/vehicle-model/vehicle-model.vue b/src/layouts/vehicle-model/vehicle-model.vue
index 9fe5dc57..4fba014f 100644
--- a/src/layouts/vehicle-model/vehicle-model.vue
+++ b/src/layouts/vehicle-model/vehicle-model.vue
@@ -109,21 +109,3 @@ export default {
     },
 };
 </script>
-
-<style lang="scss" scoped>
-.container-fluid {
-    margin-bottom: 80px;
-}
-.fade-on-route-transition {
-    margin-bottom: 80px;
-}
-.page-container-grouped-styles {
-    overflow: auto;
-}
-
-.modal-open {
-    .page-container-grouped-styles {
-        overflow: hidden;
-    }
-}
-</style>
diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index 6ad6ad82..7dfa03f5 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -232,20 +232,7 @@ components: {
 },
 };
 </script>
-<style lang="scss" scoped>
-.fade-on-route-transition {
-    margin-bottom: 100px;
-}
-.page-container-grouped-styles {
-    overflow: auto;
-}
-
-.modal-open {
-    .page-container-grouped-styles {
-        overflow: hidden;
-    }
-}
-
+<style lang="scss">
 #vehicle-parts-alert {
     .alert-heading {
         margin-top: 0.25rem !important;
diff --git a/src/layouts/vehicle-style/vehicle-style.vue b/src/layouts/vehicle-style/vehicle-style.vue
index 07ab0f78..fa10e553 100644
--- a/src/layouts/vehicle-style/vehicle-style.vue
+++ b/src/layouts/vehicle-style/vehicle-style.vue
@@ -122,21 +122,3 @@ export default {
     }
 };
 </script>
-
-<style lang="scss" scoped>
-.container-fluid {
-    margin-bottom: 80px;
-}
-.fade-on-route-transition {
-    margin-bottom: 80px;
-}
-.page-container-grouped-styles {
-    overflow: auto;
-}
-
-.modal-open {
-    .page-container-grouped-styles {
-        overflow: hidden;
-    }
-}
-</style>
diff --git a/src/layouts/vehicle-year/vehicle-year.vue b/src/layouts/vehicle-year/vehicle-year.vue
index 1241ab63..fe9b41fa 100644
--- a/src/layouts/vehicle-year/vehicle-year.vue
+++ b/src/layouts/vehicle-year/vehicle-year.vue
@@ -99,18 +99,3 @@ export default {
     },
 };
 </script>
-
-<style lang="scss" scoped>
-.fade-on-route-transition {
-    margin-bottom: 80px;
-}
-.page-container-grouped-styles {
-    overflow: auto;
-}
-
-.modal-open {
-    .page-container-grouped-styles {
-        overflow: hidden;
-    }
-}
-</style>
diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index a7eca68b..8221c7c6 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -254,18 +254,3 @@ export default {
     },
 };
 </script>
-
-<style lang="scss" scoped>
-.fade-on-route-transition {
-    margin-bottom: 100px;
-}
-.page-container-grouped-styles {
-    overflow: auto;
-}
-
-.modal-open {
-    .page-container-grouped-styles {
-        overflow: hidden;
-    }
-}
-</style>
diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index 8d7e7814..372a3553 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -348,19 +348,7 @@ export default {
 </script>
 
 <style lang="scss">
-
-.fade-on-route-transition {
-    height: calc(100% - 80px);
-    overflow: scroll;
-}
-
-.modal-open {
-    .fade-on-route-transition {
-        overflow: hidden;
-    }
-}
-.my-2
-{
+.my-2 {
     margin-bottom: 0rem !important;
 }
 @-moz-document url-prefix() {
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index 2b3acb36..80b49a12 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -57,4 +57,16 @@ body {
       height: calc(100% - 72px);
     }
 
+    // Scroll page when modal isn't open
+    .fade-on-route-transition {
+        height: calc(100% - 80px);
+        overflow: auto;
+    }
+    // Prevent scroll when modal is open
+    .modal-open {
+        .fade-on-route-transition {
+            overflow: hidden;
+        }
+    }
+
   }