diff --git a/src/iss-components/site-sub-header/site-sub-header.vue b/src/iss-components/site-sub-header/site-sub-header.vue
index d4cce21a..eacdf5dc 100644
--- a/src/iss-components/site-sub-header/site-sub-header.vue
+++ b/src/iss-components/site-sub-header/site-sub-header.vue
@@ -85,6 +85,9 @@ export default ({
       button {
         color: inherit;
       }
+      span{
+        color: $black;
+      }
     }
     p.light-gray {
         color: $gray-550;
diff --git a/src/layouts/contact-details/contact-details.vue b/src/layouts/contact-details/contact-details.vue
index a7071ee3..4d3d979c 100644
--- a/src/layouts/contact-details/contact-details.vue
+++ b/src/layouts/contact-details/contact-details.vue
@@ -9,16 +9,16 @@
                 <siteHeader
                     ref="siteHeader"
                     :cmsWidgetName="widget.siteHeader" />
-                <div class="container-fluid pb-2">
+                <div class="container-fluid px-6">
                     <siteSubHeader
                         id="sub-header"
                         ref="siteSubHeader"
-                        class="margin-top-16"
+                        class="mt-5"
                         :cmsWidgetName="widget.siteSubHeader" />
                     <textboxQuestion
                         ref="firstNameQuestion"
                         v-model="firstName"
-                        class="margin-top-24"
+                        class="mt-6"
                         inputId="firstName"
                         :cmsWidgetName="widget.firstNameQuestion"
                         isRequired
@@ -26,7 +26,7 @@
                     <textboxQuestion
                         ref="lastNameQuestion"
                         v-model="lastName"
-                        class="margin-top-16"
+                        class="mt-5"
                         inputId="lastName"
                         :cmsWidgetName="widget.lastNameQuestion"
                         isRequired
@@ -34,7 +34,7 @@
                     <textboxQuestion
                         ref="emailQuestion"
                         v-model="emailAddress"
-                        class="margin-top-16"
+                        class="mt-5"
                         inputId="emailAddress"
                         :cmsWidgetName="widget.emailQuestion"
                         isRequired
@@ -42,7 +42,7 @@
                     <textboxQuestion
                         ref="phoneNumberQuestion"
                         v-model="phoneNumber"
-                        class="margin-top-16"
+                        class="mt-5"
                         inputId="phoneNumber"
                         :cmsWidgetName="widget.phoneNumberQuestion"
                         isRequired
@@ -51,7 +51,7 @@
                         ref="requestTextUpdatesCheckbox"
                         v-model="requestTextUpdates"
                         :isChecked="requestTextUpdates"
-                        class="margin-top-8"
+                        class="mt-3"
                         checkboxName="requestTextUpdates"
                         buttonID="requestTextUpdates"
                         :checkboxLabel="requestTextUpdatesCheckboxText" />
@@ -59,7 +59,7 @@
                     <textareaQuestion
                         ref="notesQuestion"
                         v-model="notesForTechnician"
-                        class="margin-top-16"
+                        class="mt-5"
                         inputId="technicianNotes"
                         :isDisabled="false"
                         :isRequired="false"
@@ -69,18 +69,18 @@
 
                     <p
                         ref="disclaimerText"
-                        class="disclaimer margin-top-24">
+                        class="caption dark-gray mt-6">
                     {{ textUpdateDisclaimerText }} I also agree to Safelite's
                         <textLink
                             ref="privacyPolicyLink"
-                            class="disclaimer-link"
+                            class="normal-line-height"
                             linkType="text"
                             text="Privacy Policy"
                             href="//www.safelite.com/privacy-center" />
                         and
                         <textLink
                             ref="termsOfUseLink"
-                            class="disclaimer-link"
+                            class="normal-line-height"
                             linkType="text"
                             text="Terms of Use"
                             href="//www.safelite.com/terms-of-use" />.
@@ -88,6 +88,7 @@
 
                     <siteFooter
                         ref="siteFooter"
+                        class="my-6"
                         :cmsWidgetName="widget.siteFooter"
                         :isForwardActionDisabled="!meta.valid"
                         @forwardClicked="forwardButtonAction"
@@ -212,32 +213,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-#sub-header {
-    span {
-        color: $black;
-    }
-}
-
-.margin-top-24 {
-    margin-top: 24px;
-}
-
-.margin-top-16 {
-    margin-top: 16px;
-}
-
-.margin-top-8 {
-    margin-top: 8px;
-}
-
-.disclaimer {
-    font-size: 12px;
+.dark-gray {
     color: $darker-gray;
-    font-weight: 400;
 }
 
-.disclaimer-link {
-    text-decoration: none;
+.normal-line-height {
     line-height: normal;
 }