diff --git a/test/components/__snapshots__/NavigationMenu-vue.spec.ts.snap b/test/components/__snapshots__/NavigationMenu-vue.spec.ts.snap
index c02b5d62..a4752907 100644
--- a/test/components/__snapshots__/NavigationMenu-vue.spec.ts.snap
+++ b/test/components/__snapshots__/NavigationMenu-vue.spec.ts.snap
@@ -35,7 +35,7 @@ exports[`NavigationMenu > renders with arrow correctly 1`] = `
     <!---->
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--teleport start-->
     <!--teleport end-->
     <!---->
@@ -77,7 +77,7 @@ exports[`NavigationMenu > renders with class correctly 1`] = `
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -118,7 +118,7 @@ exports[`NavigationMenu > renders with custom slot correctly 1`] = `
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -155,7 +155,7 @@ exports[`NavigationMenu > renders with item slot correctly 1`] = `
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -196,7 +196,7 @@ exports[`NavigationMenu > renders with item-label slot correctly 1`] = `
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -237,7 +237,7 @@ exports[`NavigationMenu > renders with item-leading slot correctly 1`] = `
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -274,7 +274,7 @@ exports[`NavigationMenu > renders with item-trailing slot correctly 1`] = `
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -315,7 +315,7 @@ exports[`NavigationMenu > renders with items correctly 1`] = `
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -356,7 +356,7 @@ exports[`NavigationMenu > renders with labelKey correctly 1`] = `
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -397,7 +397,7 @@ exports[`NavigationMenu > renders with neutral variant link correctly 1`] = `
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -438,7 +438,7 @@ exports[`NavigationMenu > renders with neutral variant link highlight correctly
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -479,7 +479,7 @@ exports[`NavigationMenu > renders with neutral variant link highlight neutral co
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -520,7 +520,7 @@ exports[`NavigationMenu > renders with neutral variant pill correctly 1`] = `
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -561,7 +561,7 @@ exports[`NavigationMenu > renders with neutral variant pill highlight correctly
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -602,7 +602,7 @@ exports[`NavigationMenu > renders with neutral variant pill highlight neutral co
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -681,7 +681,7 @@ exports[`NavigationMenu > renders with primary variant link correctly 1`] = `
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -722,7 +722,7 @@ exports[`NavigationMenu > renders with primary variant link highlight correctly
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -763,7 +763,7 @@ exports[`NavigationMenu > renders with primary variant pill correctly 1`] = `
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -804,7 +804,7 @@ exports[`NavigationMenu > renders with primary variant pill highlight correctly
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -845,7 +845,7 @@ exports[`NavigationMenu > renders with trailingIcon correctly 1`] = `
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>
@@ -886,7 +886,7 @@ exports[`NavigationMenu > renders with ui correctly 1`] = `
     </ul>
   </div>
   <!--v-if-->
-  <div class="absolute top-full inset-x-0 flex w-full">
+  <div class="absolute top-full left-0 flex w-full justify-center">
     <!--v-if-->
     <!---->
   </div>