diff --git a/app/javascript/mastodon/features/ui/components/columns_area.js b/app/javascript/mastodon/features/ui/components/columns_area.js
index 340bf6e3e..af773629a 100644
--- a/app/javascript/mastodon/features/ui/components/columns_area.js
+++ b/app/javascript/mastodon/features/ui/components/columns_area.js
@@ -164,6 +164,12 @@ export default class ColumnsArea extends ImmutablePureComponent {
               <TabsBar key='tabs' />
             </div>
 
+            <div className='columns-area__panels__pane columns-area__panels__pane--start columns-area__panels__pane--navigational'>
+              <div className='columns-area__panels__pane__inner'>
+                <NavigationPanel />
+              </div>
+            </div>
+
           </div>
         ); 
       } else {
diff --git a/app/javascript/styles/plugin.scss b/app/javascript/styles/plugin.scss
index bbeab2555..5725a4485 100644
--- a/app/javascript/styles/plugin.scss
+++ b/app/javascript/styles/plugin.scss
@@ -14,21 +14,32 @@
   border-radius: 50%;
 }
 
-.tab-ber-bottom .timeline{
-  width:100%;
-  height: calc(100% - 55px);
-  margin: 0 0 50px 0;
+.tab-ber-bottom .navber {
+  display: none;
 }
 
-.tab-ber-bottom .navber{
-  width:100%;
-  bottom: 0;
-  position: fixed;
-}
+@media screen and (max-width: 630px) {
+  .tab-ber-bottom .timeline{
+    width:100%;
+    height: calc(100% - 55px);
+    margin: 0 0 50px 0;
+  }
 
-.tab-ber-bottom .navber .tabs-bar__wrapper{
-  bottom: 0;
-  width: 100%;
+  .tab-ber-bottom .navber{
+    display: flex;
+    width:100%;
+    bottom: 0;
+    position: fixed;
+  }
+
+  .tab-ber-bottom .navber .tabs-bar__wrapper{
+    bottom: 0;
+    width: 100%;
+  }
+
+  .columns-area__panels__pane--navigational{
+    display: none;
+  }
 }
 
 //ここまで下タブバーの実装
\ No newline at end of file