refactor styling fix

src/iss-components/site-sub-header/site-sub-header.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <div
-            class="subheader-primary d-flex align-items-center justify-content-center overflow-hidden mb-2">
+            class="subheader-primary d-flex align-items-center justify-content-center overflow-hidden">
             <h5
                 class="text-center fw-normal mb-0 subheader-primary"
                 :class="headerColor">
@@ -15,7 +15,8 @@
             </h5>
         </div>
         <div
-            class="subheader-secondary d-flex align-items-center overflow-hidden"
+            v-if="hasSubText"
+            class="subheader-secondary d-flex align-items-center overflow-hidden mt-2"
             :class="[justifySubheader, subHeaderClasses]">
             <p
                 class="dark-header"
@@ -86,6 +87,9 @@ export default {
 
             return subText ?? '';
         },
+        hasSubText() {
+            return this.subText.length > 0;
+        },
         backButtonAccessibleText() {
             return this.getCmsContent(
                 this.cmsWidgetName,

src/layouts/welcome-page/welcome-page.vue

@@ -24,7 +24,7 @@
                         disableAutoFill
                         :isDisabled="isPolicyHolderDisabled"
                         :validationRules="rules.policyNumber"
-                        class="mt-4" />
+                        class="mt-5" />
                     <textboxQuestion
                         ref="policyZip"
                         v-model="welcomePageModel.policyZipCode"