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;
         }
     }
 }