From 7cc6dbf7ad87912862906fa7d5edc0b715a29222 Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Mon, 26 Jan 2026 10:52:53 -0500
Subject: [PATCH 1/6] left align error message

---
 src/layouts/policy-vehicles/policy-vehicles.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/layouts/policy-vehicles/policy-vehicles.vue b/src/layouts/policy-vehicles/policy-vehicles.vue
index 26398ada..e6493075 100644
--- a/src/layouts/policy-vehicles/policy-vehicles.vue
+++ b/src/layouts/policy-vehicles/policy-vehicles.vue
@@ -322,6 +322,9 @@ export default {
             }
         }
     }
+    .form-test-error {
+        text-align: left
+    }
 }
 
 .list-button-content {

From f1153a4bccbb59b6f0dd5f9238c3aa7e12de1723 Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Mon, 26 Jan 2026 14:29:54 -0500
Subject: [PATCH 2/6] scoped style changes / progress bar update

---
 src/constants/progress-bar-mapper.js            | 2 +-
 src/layouts/policy-vehicles/policy-vehicles.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/constants/progress-bar-mapper.js b/src/constants/progress-bar-mapper.js
index 6d39bbaf..30954714 100644
--- a/src/constants/progress-bar-mapper.js
+++ b/src/constants/progress-bar-mapper.js
@@ -6,7 +6,7 @@ export const pageProgressMapper = {
         percent: 15
     },
     'policy-vehicles': {
-        percent: 15
+        percent: 20
     },
     'policy-endorsements': {
         percent: 15
diff --git a/src/layouts/policy-vehicles/policy-vehicles.vue b/src/layouts/policy-vehicles/policy-vehicles.vue
index e6493075..f7d4d537 100644
--- a/src/layouts/policy-vehicles/policy-vehicles.vue
+++ b/src/layouts/policy-vehicles/policy-vehicles.vue
@@ -297,7 +297,7 @@ export default {
     }
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .iss-heritage-container-width {
     .policy-vehicles-container {
         position: relative;
@@ -305,7 +305,7 @@ export default {
         padding-left: .9375rem;
         padding-right: .9375rem;
 
-        .subheader-secondary p {
+        :deep(.subheader-secondary p) {
             text-align: left;
         }
     }
@@ -322,13 +322,13 @@ export default {
             }
         }
     }
-    .form-test-error {
+    :deep(.form-test-error) {
         text-align: left
     }
 }
 
 .list-button-content {
-    span.small {
+    :deep(span) {
         font-size: 1rem;
     }
 }

From d75c00dc8d7a23724f8da92bca1d1b8d53c22769 Mon Sep 17 00:00:00 2001
From: Alex Humphries <Alex.Humphries@safelite.com>
Date: Mon, 26 Jan 2026 14:43:11 -0500
Subject: [PATCH 3/6] Fix to cut down on console errors

---
 .../site-footer/site-footer.vue               |   4 -
 .../site-header/menu-modal/menu-modal.spec.js |  50 ----
 .../site-header/menu-modal/menu-modal.vue     | 232 ------------------
 3 files changed, 286 deletions(-)
 delete mode 100644 src/iss-components/site-header/menu-modal/menu-modal.spec.js
 delete mode 100644 src/iss-components/site-header/menu-modal/menu-modal.vue

diff --git a/src/iss-components/site-footer/site-footer.vue b/src/iss-components/site-footer/site-footer.vue
index b73ab67a..d32d3313 100644
--- a/src/iss-components/site-footer/site-footer.vue
+++ b/src/iss-components/site-footer/site-footer.vue
@@ -24,8 +24,6 @@
                         "
                         :aria-disabled="disableForwardAction || isForwardActionDisabled"
                         :isDisabled="disableForwardAction || isForwardActionDisabled"
-                        data-bs-target="#footerModal"
-                        data-bs-dismiss="modal"
                         data-test-id="site-footer-main-button"
                         @clickEvent="buttonClick" />
                 </div>
@@ -36,8 +34,6 @@
                         linkType="navigation"
                         :text="backLink"
                         href="javascript:void(0)"
-                        data-bs-target="#footerModal"
-                        data-bs-dismiss="modal"
                         data-test-id="site-footer-back-button"
                         @clickEvent="linkClick" />
                 </div>
diff --git a/src/iss-components/site-header/menu-modal/menu-modal.spec.js b/src/iss-components/site-header/menu-modal/menu-modal.spec.js
deleted file mode 100644
index 9c0015cf..00000000
--- a/src/iss-components/site-header/menu-modal/menu-modal.spec.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import { mount, shallowMount } from '@vue/test-utils';
-import menuModal from '@/iss-components/site-header/menu-modal/menu-modal.vue';
-
-describe('menu-modal.vue', () => {
-    it('Should return text Footer Navigation', async () => {
-        // Act
-        const wrapper = shallowMount(menuModal);
-
-        // Assert
-        const footerModalLabel = wrapper.find('h5');
-
-        // Expect
-        expect(footerModalLabel.text()).toContain('Footer Navigation');
-    });
-
-    it('Should return footer text as Safelite Group', async () => {
-        // Act
-        const wrapper = shallowMount(menuModal);
-
-        // Assert
-        const modalFooter = wrapper.find('div.modal-footer');
-
-        // Expect
-        expect(modalFooter.text()).toContain('Safelite Group');
-    });
-
-    it('Should return Terms of use text link text', async () => {
-        // Act
-        const wrapper = shallowMount(menuModal);
-
-        // Expect
-        expect(wrapper.html()).toContain('Terms of service');
-    });
-
-    it('Should return "Your privacy choices" text link text', async () => {
-        // Act
-        const wrapper = mount(menuModal);
-
-        // Expect
-        expect(wrapper.html()).toContain('Your privacy choices');
-    });
-
-    it('Should return Warranty text link text', async () => {
-        // Act
-        const wrapper = shallowMount(menuModal);
-
-        // Expect
-        expect(wrapper.html()).toContain('Warranty');
-    });
-});
diff --git a/src/iss-components/site-header/menu-modal/menu-modal.vue b/src/iss-components/site-header/menu-modal/menu-modal.vue
deleted file mode 100644
index 0abfb855..00000000
--- a/src/iss-components/site-header/menu-modal/menu-modal.vue
+++ /dev/null
@@ -1,232 +0,0 @@
-<template>
-    <div class="menu-modal-container">
-        <button
-            class="menu-button"
-            type="button"
-            :class="[isActive ? 'active' : '']"
-            aria-label="Hamburger Menu (modal window)"
-            @click="toggleModal">
-            <div class="bar1"></div>
-            <div class="bar2"></div>
-            <div class="bar3"></div>
-        </button>
-    </div>
-    <div class="menu-modal-container">
-        <button
-            aria-hidden="true"
-            tabindex="-1"
-            class="menu-button"
-            type="button"
-            :class="[isActive ? 'active' : '']"
-            aria-label="Hamburger Menu (modal window)"
-            @click="toggleModal">
-            <div class="bar1"></div>
-            <div class="bar2"></div>
-            <div class="bar3"></div>
-        </button>
-    </div>
-    <!-- Modal -->
-    <div
-        id="footerModal"
-        class="modal menu-modal fade"
-        data-bs-backdrop="false"
-        tabindex="-1"
-        aria-labelledby="footerModalLabel"
-        aria-hidden="true"
-        v-on="{ 'show.bs.modal': show, 'hide.bs.modal': hide }">
-        <div class="modal-dialog modal-fullscreen">
-            <div class="modal-content">
-                <div class="modal-header visually-hidden">
-                    <h5 id="footerModalLabel" class="modal-title">
-                        Footer Navigation
-                    </h5>
-                </div>
-                <div class="modal-body d-flex flex-column">
-                    <textLink
-                        linkType="newWindowLink"
-                        text="Terms of service"
-                        href="//www.safelite.com/terms-of-use"
-                        target="_blank" />
-                    <textLink
-                        linkType="newWindowLink"
-                        text="Your privacy choices"
-                        href="//www.safelite.com/privacy-center"
-                        target="_blank">
-                        <template #after-text>
-                            <img
-                                class="ccpa-icon"
-                                src="~@/assets/img/icons/ccpa-icon.svg"
-                                alt="Your privacy choices" />
-                        </template>
-                    </textLink>
-                    <textLink
-                        linkType="newWindowLink"
-                        text="Warranty"
-                        href="//www.safelite.com/national-lifetime-warranty"
-                        target="_blank" />
-                    <textLink
-                        linkType="newWindowLink"
-                        text="Notice at collection"
-                        href="https://www.safelite.com/ccpa-privacy-policy"
-                        target="_blank" />
-                </div>
-                <div class="modal-footer d-flex justify-content-start">
-                    &copy; {{ new Date().getFullYear() }} Safelite Group
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-import textLink from '@/ux-components/text-link/text-link';
-import { Modal } from 'bootstrap';
-import baseMixin from '@/mixins/base-mixin.js';
-
-export default {
-    name: 'menu-modal',
-    components: {
-        textLink,
-    },
-    data() {
-        return {
-            isActive: false,
-        };
-    },
-    methods: {
-        toggleModal() {
-            if (this.isActive) {
-                this.closeModal();
-            } else {
-                this.openModal();
-            }
-        },
-        openModal() {
-            Modal.getOrCreateInstance(
-                document.getElementById('footerModal')
-            ).show();
-        },
-        closeModal() {
-            Modal.getInstance(document.getElementById('footerModal')).hide();
-        },
-        show() {
-            this.isActive = true;
-            window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
-        },
-        hide() {
-            const self = this;
-            self.isActive = false;
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-.menu-modal-container {
-    position: absolute;
-    padding: 1.47rem 0.5rem 1.47rem 1.47rem;
-    right: 0;
-    button {
-        border: none;
-        &.menu-button {
-            width: 1.5rem;
-            height: 1.5rem;
-            border-radius: 50%;
-            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
-            background-color: $white;
-            position: relative;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            padding: 0; //Required to prevent 'squish' on iPhone
-            z-index: 1050;
-            .bar1,
-            .bar2,
-            .bar3 {
-                width: 14px;
-                height: 2px;
-                background-color: $blue;
-                margin: 1px 0;
-                transition: 0.25s;
-            }
-            &.active .bar1 {
-                transform: rotate(-45deg) translate(-3px, 3px);
-            }
-            &.active .bar2 {
-                opacity: 0;
-            }
-            &.active .bar3 {
-                transform: rotate(45deg) translate(-3px, -3px);
-            }
-        }
-    }
-}
-.modal {
-    &.menu-modal {
-        left: auto;
-        height: calc(100% - 56px);
-        top: 56px;
-        border-top: 1px solid $gray-300;
-        overflow-x: visible;
-        overflow-y: visible;
-        .modal-body {
-            padding: 2rem;
-            .ccpa-icon {
-                width: 2.0625rem;
-                height: 1rem;
-                margin-left: 0.5rem;
-            }
-        }
-        .modal-fullscreen {
-            width: 100vw;
-        }
-        .modal-footer {
-            border-top: none;
-            padding: 2rem;
-        }
-        .menu-modal-container {
-            position: absolute;
-            padding: 1.47rem 0 1.47rem 1.47rem;
-            right: 0;
-            top: -5rem;
-            button {
-                border: none;
-                &.menu-button {
-                    width: 1.5rem;
-                    height: 1.5rem;
-                    border-radius: 50%;
-                    box-shadow: none;
-                    background-color: $white;
-                    position: relative;
-                    display: flex;
-                    flex-direction: column;
-                    justify-content: center;
-                    align-items: center;
-                    padding: 0; //Required to prevent 'squish' on iPhone
-                    z-index: 1056;
-                    .bar1,
-                    .bar2,
-                    .bar3 {
-                        width: 14px;
-                        height: 2px;
-                        background-color: $blue;
-                        margin: 1px 0;
-                        transition: 0.25s;
-                    }
-                    &.active .bar1 {
-                        transform: rotate(-45deg) translate(-3px, 3px);
-                    }
-                    &.active .bar2 {
-                        opacity: 0;
-                    }
-                    &.active .bar3 {
-                        transform: rotate(45deg) translate(-3px, -3px);
-                    }
-                }
-            }
-        }
-        //.modal-backdrop styles are in common-styles.scss
-    }
-}
-</style>

From b021566bc1c06c414ce4fcacd5ae4ddcad63e531 Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Mon, 26 Jan 2026 14:57:56 -0500
Subject: [PATCH 4/6] remove oudated styling / cursor fixes

---
 .../policy-vehicles/policy-vehicles.vue       | 24 ++++---------------
 1 file changed, 5 insertions(+), 19 deletions(-)

diff --git a/src/layouts/policy-vehicles/policy-vehicles.vue b/src/layouts/policy-vehicles/policy-vehicles.vue
index f7d4d537..62a102a1 100644
--- a/src/layouts/policy-vehicles/policy-vehicles.vue
+++ b/src/layouts/policy-vehicles/policy-vehicles.vue
@@ -308,28 +308,14 @@ export default {
         :deep(.subheader-secondary p) {
             text-align: left;
         }
-    }
-}
 
-.policy-vehicles {
-    .button-question {
-        .question-text {
-            margin: 1rem 0;
-            span {
-                font-size: 1rem;
-                font-weight: 500;
-                line-height: 1.5rem;
-            }
+        :deep(span.small) {
+            font-size: 1rem;
         }
-    }
-    :deep(.form-test-error) {
-        text-align: left
-    }
-}
 
-.list-button-content {
-    :deep(span) {
-        font-size: 1rem;
+        :deep(.form-test-error) {
+            text-align: left;
+        }
     }
 }
 </style>

From fff06e21341b668379d71d32189f302c1c778cfd Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Mon, 26 Jan 2026 15:19:44 -0500
Subject: [PATCH 5/6] progress bar update

---
 src/constants/progress-bar-mapper.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/constants/progress-bar-mapper.js b/src/constants/progress-bar-mapper.js
index 30954714..d0090055 100644
--- a/src/constants/progress-bar-mapper.js
+++ b/src/constants/progress-bar-mapper.js
@@ -9,7 +9,7 @@ export const pageProgressMapper = {
         percent: 20
     },
     'policy-endorsements': {
-        percent: 15
+        percent: 20
     },
     'vehicle-selection': {
         percent: 20

From d6cfc5354474728f1ee4f608d42a26af1f7f730d Mon Sep 17 00:00:00 2001
From: scottkiener-at-safelite <scott.kiener@safelite.com>
Date: Tue, 27 Jan 2026 08:48:57 -0500
Subject: [PATCH 6/6] INSR-6047 | Strong text fix

Less bold, darker black
---
 src/layouts/provider-preference/provider-preference.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue
index a5f578e1..5ab20e5b 100644
--- a/src/layouts/provider-preference/provider-preference.vue
+++ b/src/layouts/provider-preference/provider-preference.vue
@@ -16,7 +16,7 @@
                         cmsWidgetName="SiteSubHeader"
                         class="mb-0 mt-4 text-center" />
                     <div
-                        class="mt-4 mb-5"
+                        class="mt-4 mb-5 strong-text-override"
                         v-html="scheduleWithSafeliteText"></div>
                     <buttonMain
                         ref="buttonMain"
@@ -210,6 +210,12 @@ export default {
 }
 
 .provider-preference {
+    :deep(.strong-text-override) {
+        strong {
+            font-weight: $font-weight-bold;
+            color: $black;
+        }
+    }
     #sub-header span {
         color: $black;
     }