From ab8de77033ba6af785f92dacacfef783843cd0d7 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Thu, 21 Sep 2023 13:48:55 +0530
Subject: [PATCH] CSR-1598

Updated the button alignment and size to 327px acc to the mock
---
 src/fmg-components/nav-bar/nav-bar.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/fmg-components/nav-bar/nav-bar.vue b/src/fmg-components/nav-bar/nav-bar.vue
index 50365c572..23f856371 100644
--- a/src/fmg-components/nav-bar/nav-bar.vue
+++ b/src/fmg-components/nav-bar/nav-bar.vue
@@ -2,9 +2,9 @@
     <div class="row"></div>
     <div class="nav-bar container-fluid g-5 my-5 px-0" id="infoBox">
         <div class="row d-flex flex-row-reverse align-items-center vw-100">
-            <div 
-            :class="['col button-col d-flex', buttonSize ? 'large-button' : 'medium-button']"
-            id="stacked">
+            <div
+                :class="['col button-col d-flex', buttonSize ? 'large-button' : 'medium-button']"
+                id="stacked">
                 <buttonMain
                     ref="buttonMain"
                     isPrimary
@@ -130,9 +130,9 @@ export default {
     }
     .large-button {
         justify-content: center;
-        width: 100%;
         .btn-primary {
-            width: 100%;           
+            width: 327px;
+            justify-content: center;
         }
     }
 }