diff --git a/src/App.vue b/src/App.vue
index 1d7ddb8..864e6ba 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -107,8 +107,8 @@ onBeforeUnmount(() => {
         <router-view class="w-full" />
       </div>
 
-      <nav class="fixed inset-x-0 bottom-4 z-50  bg-white  rounded-4xl px-10  " style="padding-bottom: var(--tg-content-safe-area-inset-bottom) !important;">
-        <div class="flex  h-full justify-items-start items-center justify-between py-2">
+      <nav class="fixed inset-x-0 bottom-4 z-50 w-full justify-items-center items-center " style="padding-bottom: var(--tg-content-safe-area-inset-bottom) !important;">
+        <div class="flex  h-full justify-items-center items-center justify-between py-2  bg-white  rounded-4xl !px-6 w-fit">
           <router-link
               v-for="item in menu"
               :key="item.link"