From f3ab2d9886225cdf7354bf8cb3f054ef0858ccfd Mon Sep 17 00:00:00 2001
From: "US\\katie.kroell" <katie.kroell@safelite.com>
Date: Thu, 12 Feb 2026 10:12:04 -0500
Subject: [PATCH] fix price styling

---
 .../service-package-radio.vue                 | 35 ++++++++++---------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/layouts/service-packages/service-package-question/service-package-radio/service-package-radio.vue b/src/layouts/service-packages/service-package-question/service-package-radio/service-package-radio.vue
index 160826ab..e2ccda45 100644
--- a/src/layouts/service-packages/service-package-question/service-package-radio/service-package-radio.vue
+++ b/src/layouts/service-packages/service-package-question/service-package-radio/service-package-radio.vue
@@ -254,8 +254,7 @@ export default {
             }
 
             .package-specs {
-                //display: flex;
-                flex-direction: row;
+                flex: 0;
                 width: 100%;
                 max-height: 0;
                 transition: all 1s ease;
@@ -265,7 +264,6 @@ export default {
                 p {
                     color: #4d4e53;
                     font-weight: 600;
-                    //display: flex;
                     justify-content: space-between;
 
                     &.sub-label {
@@ -308,21 +306,24 @@ export default {
                 .hide-when-closed {
                     display: none;
                     @include media-breakpoint-up(md) {
-                        display: flex;
-                        flex-direction: row;
+                        display: block;
                     }
                 }
             }
 
             .pricing-info-desktop {
+                display: flex;
+                flex: 1;
+                align-items: flex-end;
                 @include media-breakpoint-down(md) {
                     display: none;
-                    span {
-                        &.price {
-                            color: #075f35;
-                            font-size: 0.875rem;
-                            font-weight: $font-weight-bold;
-                        }
+                }
+                span {
+                    &.price {
+                        color: #075f35;
+                        font-size: 0.875rem;
+                        font-weight: $font-weight-bold;
+                        padding: 1rem 0 1rem 0;
                     }
                 }
             }
@@ -330,12 +331,12 @@ export default {
             .pricing-info-mobile {
                 @include media-breakpoint-up(md) {
                     display: none;
-                    span {
-                        &.price {
-                            color: #075f35;
-                            font-size: 0.875rem;
-                            font-weight: $font-weight-bold;
-                        }
+                }
+                span {
+                    &.price {
+                        color: #075f35;
+                        font-size: 0.875rem;
+                        font-weight: $font-weight-bold;
                     }
                 }
             }