diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 9cfbd38a7..a85fd7d29 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -37,7 +37,7 @@
                         v-on="{ 'buttonEvent.openModal': openModalAction }"
                         validationRules="option-required"
                         isRequired />
-                    </div>
+                </div>
             </div>
             <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
diff --git a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
index 56c5abfd0..60d232b85 100644
--- a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
+++ b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
@@ -140,7 +140,7 @@ export default {
     .package-wrapper {
         margin: 0.5rem 0;
         @include media-breakpoint-up(md) {
-            margin: 1rem .5rem;
+            margin: 1rem 0.5rem;
             display: flex;
             flex-direction: column;
             align-self: flex-end;
@@ -150,7 +150,11 @@ export default {
             display: block;
             @include media-breakpoint-up(md) {
                 display: flex;
-                min-height: 276px;   
+                min-height: 320px;
+            }
+            @include media-breakpoint-up(xl) {
+                display: flex;
+                min-height: 276px;
             }
         }
 
@@ -178,7 +182,7 @@ export default {
                 }
                 &.has-text {
                     border-radius: 0 0 0.5rem 0.5rem;
-                    border: 1px solid #469d2a !important;
+                    border: 1px solid #469d2a;//Temp color
                 }
 
                 &:before {
@@ -277,7 +281,7 @@ export default {
                         font-size: 0.875rem;
                         @include media-breakpoint-up(md) {
                             position: absolute;
-                            bottom: .75rem;
+                            bottom: 0.75rem;
                             left: 0;
                             width: 100%;
                             text-align: center;
@@ -301,27 +305,27 @@ export default {
             }
             span {
                 &.service-package-discount {
-                    color: #469d2a;
+                    color: #469d2a;//Temp color
                     text-align: end;
                     font-weight: 500;
                     font-size: 13px;
                     div.strikethrough-discount-price {
                         text-decoration: line-through;
                         margin-right: 0;
-                        font-weight: 500;
+                        font-weight: 400;
                         font-size: 0.875rem;
                         line-height: 20px;
                         color: $gray-500;
                         padding-right: 2px;
                     }
                     div.discount-price {
-                        color: #469d2a;
+                        color: #469d2a;//Temp color
                         font-weight: 600;
                         font-size: 1.625rem;
                     }
                     @include media-breakpoint-up(md) {
                         position: absolute;
-                        bottom: .75rem;
+                        bottom: 0.75rem;
                         left: 0;
                         width: 100%;
                         text-align: center;
@@ -365,7 +369,7 @@ export default {
             display: flex;
             border-top-right-radius: 0.5rem;
             border-top-left-radius: 0.5rem;
-            background-color: #469d2a;
+            background-color: #469d2a;//Temp color
             align-items: center;
             justify-content: center;
             width: 100%;