diff --git a/config/nam.drsquatch.design.json b/config/nam.drsquatch.design.json
index a028d51..71cd4cb 100644
--- a/config/nam.drsquatch.design.json
+++ b/config/nam.drsquatch.design.json
@@ -52,7 +52,7 @@
                     "config": {
                       "src": "/drsquatch-logo.webp",
                       "alt": "MyShop",
-                      "className": "h-[150px] w-[180px] mr-24",
+                      "className": "h-full w-[180px] mr-24",
                       "objectFit": "contain"
                     }
                   }
@@ -90,7 +90,7 @@
                     "config": {
                       "navLabel": {
                         "text": "OUR STORY",
-                        "className": "font-bold text-[1rem] text-white flex items-center mr-8 gap-1 hover:bg-transparent hover:underline hover:text-white"
+                        "className": "font-bold text-[1rem] text-white flex items-center hover:bg-transparent hover:underline hover:text-white"
                       }
                     }
                   }
@@ -130,7 +130,7 @@
                   "Button": {
                     "config": {
                       "icon": "user",
-                      "className": "shadow-none bg-transparent text-white"
+                      "className": "shadow-none bg-transparent text-white hover:text-black"
                     }
                   }
                 },
diff --git a/config/nam.vibentec.design.json b/config/nam.vibentec.design.json
index 0c0e05a..8a0b41d 100644
--- a/config/nam.vibentec.design.json
+++ b/config/nam.vibentec.design.json
@@ -157,7 +157,7 @@
                   "Button": {
                     "config": {
                       "icon": "user",
-                      "className": " flex items-center gap-1 shadow-none"
+                      "className": " flex items-center gap-1 shadow-none w-[50px]"
                     }
                   }
                 },
@@ -165,7 +165,7 @@
                   "Button": {
                     "config": {
                       "icon": "heart",
-                      "className": " flex items-center gap-1 shadow-none"
+                      "className": " flex items-center gap-1 shadow-none w-[50px]"
                     }
                   }
                 },
@@ -173,7 +173,7 @@
                   "VtCartButton": {
                     "config": {
                       "variant": "shoppingBagbutton",
-                      "className": "shadow-none bg-transparent text-black"
+                      "className": "shadow-none bg-transparent text-black w-[50px]"
                     }
                   }
                 }
diff --git a/src/modules/layout/templates/vt-nav/index.tsx b/src/modules/layout/templates/vt-nav/index.tsx
index cf5a35f..02fcb8f 100644
--- a/src/modules/layout/templates/vt-nav/index.tsx
+++ b/src/modules/layout/templates/vt-nav/index.tsx
@@ -14,13 +14,13 @@ export default function VtNav({ nodes, context }: { nodes: LayoutComponentDefini
   return (
     <div className="relative mx-auto border-b duration-200 bg-white border-ui-border-base">
       <nav className={clx("content-container txt-xsmall-plus flex items-center justify-between w-full h-full text-small-regular", props.className)}>
-        <div className="flex items-center gap-x-4 w-full h-full">
+        <div className="flex items-center gap-x-4 h-full">
           {props.left && <DynamicLayoutRenderer nodes={props.left} context={context} />}
         </div>
-        <div className="flex items-center gap-x-4 w-full h-full">
+        <div className="flex items-center gap-x-4 h-full">
           {props.center && <DynamicLayoutRenderer nodes={props.center} context={context} />}
         </div>
-        <div className="flex items-center gap-x-4 w-full h-full justify-end">
+        <div className="flex items-center gap-x-4 h-full justify-end">
           {props.right && <DynamicLayoutRenderer nodes={props.right} context={context} />}
         </div>
       </nav>