diff --git a/index.html b/index.html
index 116508a..6da24f7 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/icons/LittleLines.Devel.svg" />
-    // <link rel="icon" type="image/svg+xml" href="/icons/LittleLines.svg" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
diff --git a/src/components/BottomNavigation.vue b/src/components/BottomNavigation.vue
index e22cbb0..3837eb8 100644
--- a/src/components/BottomNavigation.vue
+++ b/src/components/BottomNavigation.vue
@@ -1,30 +1,31 @@
 <template>
      <v-layout class="overflow-visible" style="height: 56px">
-    <v-bottom-navigation
-            class = "overflow"
-            v-model="value"
-                grow
-            >
-                <router-link :to="{name: 'home'}">
-                    <v-btn :to="{name: 'home'}">
+    <v-bottom-navigation>
+                    <v-btn :to="{name: 'home'}"
+                    block rounded="lg"
+                    min-width="20px"
+                    max-width="120px">
                         <v-icon>mdi-map</v-icon>
                         แผนที่
                     </v-btn>
-                </router-link>
 
-                <router-link :to="{name: 'favorite'}">
-                    <v-btn :to="{name: 'favorite'}">
+
+                    <v-btn :to="{name: 'favorite'}"
+                    block rounded="lg"
+                    min-width="20px"
+                    max-width="120px">
                         <v-icon>mdi-heart</v-icon>
                         สถานที่โปรด
                     </v-btn>
-                </router-link>
 
-                <router-link :to="{name: 'setting'}">
-                    <v-btn :to="{name: 'setting'}">
+                    <v-btn :to="{name: 'setting'}"
+                    block rounded="lg"
+                    min-width="20px"
+                    max-width="120px">
                         <v-icon>mdi-cog</v-icon>
                         การตั้งค่า
                     </v-btn>
-                </router-link>
+
     </v-bottom-navigation>
 </v-layout>
 </template>
@@ -35,4 +36,10 @@ import {RouterLink} from 'vue-router';
     data: () => ({ value: 1 }),
   }
 
-</script>
\ No newline at end of file
+</script>
+
+<style>
+.v-btn {
+  min-width: 50px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/searchbar.vue b/src/components/searchbar.vue
index b28c845..af5d8f3 100644
--- a/src/components/searchbar.vue
+++ b/src/components/searchbar.vue
@@ -3,7 +3,6 @@
         <v-app-bar scroll-threshold="0"
             class="mx-auto px-auto"
             >
-
             <v-text-field
             density="compact"
             variant="solo"
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 0d28ad9..d21d41e 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -6,12 +6,10 @@
     :loadTilesWhileAnimating="true"
     :loadTilesWhileInteracting="true"
     style=
-    "
-      height: 100%;
+    "height: 89%;
       width: 100%;
-      position: fixed; 
-      
-    "
+      position: fixed;
+      "
   >
     <ol-view
       ref="view"
@@ -39,4 +37,10 @@ const center = ref([100.538611, 13.764722]);
 const projection = ref("EPSG:4326");
 const zoom = ref(19);
 const rotation = ref(0);
-</script>
\ No newline at end of file
+</script>
+
+<style>
+.ol-zoom{
+  top: 40px;
+}
+</style>
\ No newline at end of file
