diff --git a/src/App.vue b/src/App.vue
index e3a20cd..45e0925 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -100,13 +100,14 @@ onBeforeUnmount(() => {
         <router-view class="w-full" />
       </div>
 
-      <nav class="fixed inset-x-0 bottom-0 z-50 h-24 bg-white px-10 " style="padding-bottom: var(--tg-content-safe-area-inset-bottom) !important;">
-        <div class="flex  justify-items-start items-center justify-between">
+      <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">
           <router-link
               v-for="item in menu"
               :key="item.link"
               :to="item.link"
-              class="flex w-fit flex-col items-center gap-2"
+              class="flex w-fit h-full flex-col items-center gap-2"
+              :class="route.path == item.link ? 'bg-green-100 rounded-2xl !py-2 !px-4' : ''"
           >
             <i class="!text-lg" :class="item.icon" />
             <span class="font-medium text-gray-900">{{ item.name }}</span>
diff --git a/src/assets/main.css b/src/assets/main.css
index 25a5731..76f9b87 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -26,7 +26,7 @@ a,
 
 @media (hover: hover) {
     a:hover {
-        background-color: hsla(160, 100%, 37%, 0.2);
+        /*background-color: hsla(160, 100%, 37%, 0.2);*/
     }
 }
 
diff --git a/src/assets/theme.css b/src/assets/theme.css
index b92b3dc..2cae9bc 100644
--- a/src/assets/theme.css
+++ b/src/assets/theme.css
@@ -206,4 +206,3 @@ span, a, i {
     color: var(--text-color) !important;
     padding: 0 !important;
 }
-