diff --git a/frontend/components/containers/annotation/BottomNavigator.vue b/frontend/components/containers/annotation/BottomNavigator.vue
index fedbd97d..b7ca22e4 100644
--- a/frontend/components/containers/annotation/BottomNavigator.vue
+++ b/frontend/components/containers/annotation/BottomNavigator.vue
@@ -1,9 +1,8 @@
 <template>
   <v-bottom-navigation
+    app
     absolute
     hide-on-scroll
-    background-color="transparent"
-    class="elevation-0"
   >
     <v-btn @click="prevPage">
       <span>Prev</span>
diff --git a/frontend/layouts/annotation.vue b/frontend/layouts/annotation.vue
index 9a7445bb..dbf4547f 100644
--- a/frontend/layouts/annotation.vue
+++ b/frontend/layouts/annotation.vue
@@ -19,6 +19,7 @@
     </v-navigation-drawer>
 
     <nuxt />
+    <bottom-navigator class="d-flex d-sm-none" />
   </v-app>
 </template>
 
@@ -26,11 +27,13 @@
 import { mapActions, mapGetters } from 'vuex'
 import TheSideBar from '~/components/organisms/layout/TheSideBar'
 import TheHeader from '~/components/organisms/layout/TheHeader'
+import BottomNavigator from '@/components/containers/annotation/BottomNavigator'
 
 export default {
   components: {
     TheSideBar,
-    TheHeader
+    TheHeader,
+    BottomNavigator
   },
   data() {
     return {
diff --git a/frontend/pages/projects/_id/sequence-labeling/index.vue b/frontend/pages/projects/_id/sequence-labeling/index.vue
index ee089af4..5d33fd7d 100644
--- a/frontend/pages/projects/_id/sequence-labeling/index.vue
+++ b/frontend/pages/projects/_id/sequence-labeling/index.vue
@@ -15,7 +15,6 @@
           <paginator />
         </v-col>
       </v-row>
-      <bottom-navigator class="d-flex d-sm-none" />
       <v-row justify="center">
         <v-col cols="12" md="9">
           <v-card>
@@ -43,7 +42,6 @@ import ApproveButton from '@/components/containers/annotation/ApproveButton'
 import GuidelineButton from '@/components/containers/annotation/GuidelineButton'
 import FilterButton from '@/components/containers/annotation/FilterButton'
 import MetadataBox from '@/components/organisms/annotation/MetadataBox'
-import BottomNavigator from '@/components/containers/annotation/BottomNavigator'
 
 export default {
   layout: 'annotation',
@@ -52,7 +50,6 @@ export default {
 
   components: {
     ApproveButton,
-    BottomNavigator,
     EntityItemBox,
     FilterButton,
     Paginator,
diff --git a/frontend/pages/projects/_id/sequence-to-sequence/index.vue b/frontend/pages/projects/_id/sequence-to-sequence/index.vue
index 1403da8b..2f78d399 100644
--- a/frontend/pages/projects/_id/sequence-to-sequence/index.vue
+++ b/frontend/pages/projects/_id/sequence-to-sequence/index.vue
@@ -13,7 +13,6 @@
           <paginator />
         </v-col>
       </v-row>
-      <bottom-navigator class="d-flex d-sm-none" />
       <v-row justify="center">
         <v-col cols="12" md="9">
           <seq2seq-container />
@@ -35,7 +34,6 @@ import Seq2seqContainer from '~/components/containers/annotation/Seq2seqContaine
 import Paginator from '~/components/containers/annotation/Paginator'
 import GuidelineButton from '@/components/containers/annotation/GuidelineButton'
 import MetadataBox from '@/components/organisms/annotation/MetadataBox'
-import BottomNavigator from '@/components/containers/annotation/BottomNavigator'
 
 export default {
   layout: 'annotation',
@@ -46,8 +44,7 @@ export default {
     Seq2seqContainer,
     Paginator,
     GuidelineButton,
-    MetadataBox,
-    BottomNavigator
+    MetadataBox
   },
 
   computed: {
diff --git a/frontend/pages/projects/_id/text-classification/index.vue b/frontend/pages/projects/_id/text-classification/index.vue
index 20a6e1a2..2b7c65a1 100644
--- a/frontend/pages/projects/_id/text-classification/index.vue
+++ b/frontend/pages/projects/_id/text-classification/index.vue
@@ -13,7 +13,6 @@
           <paginator />
         </v-col>
       </v-row>
-      <bottom-navigator class="d-flex d-sm-none" />
       <v-row justify="center">
         <v-col cols="12" md="9">
           <text-classification />
@@ -35,7 +34,6 @@ import TextClassification from '~/components/containers/annotation/TextClassific
 import Paginator from '~/components/containers/annotation/Paginator'
 import GuidelineButton from '@/components/containers/annotation/GuidelineButton'
 import MetadataBox from '@/components/organisms/annotation/MetadataBox'
-import BottomNavigator from '@/components/containers/annotation/BottomNavigator'
 
 export default {
   layout: 'annotation',
@@ -43,7 +41,6 @@ export default {
   middleware: ['check-auth', 'auth'],
 
   components: {
-    BottomNavigator,
     TextClassification,
     Paginator,
     GuidelineButton,