diff --git a/theme/index.hbs b/theme/index.hbs
index c47e0d9..a47ad9a 100755
--- a/theme/index.hbs
+++ b/theme/index.hbs
@@ -68,9 +68,10 @@
             <mdui-button class="hideonmobile" id="open-study-env">实验环境</mdui-button>
             <mdui-top-app-bar-title>{{ book_title }}</mdui-top-app-bar-title>
             <div style="flex-grow: 1"></div>
+            <div class="navbtn" style="display: flex;">
             {{#previous}}
             <mdui-button id="previous—page" class="hideonmobile" href="javascript:void(0);"
-                onclick="prevPage()">上一章</mdui-button>
+                onclick="prevPage()" style="margin-right:8px;">上一章</mdui-button>
             <a style="display:none;" href="{{ path_to_root }}{{link}}" id="helper_prevpage" class="helper"></a>
             {{/previous}}
             {{#next}}
@@ -78,6 +79,7 @@
                 onclick="nextPage()">下一章</mdui-button>
             <a style="display:none;" href="{{ path_to_root }}{{link}}" id="helper_nextpage" class="next—pagehelper"></a>
             {{/next}}
+            </div>
             {{#if git_repository_url}}
             <mdui-button-icon icon="web" href="{{git_repository_url}}"></mdui-button-icon>
             {{/if}}
diff --git a/theme/js/page.js b/theme/js/page.js
index 6eb8533..f9befa4 100644
--- a/theme/js/page.js
+++ b/theme/js/page.js
@@ -39,13 +39,13 @@ function changePage(url) {
             document.body.scrollTop = 0;
 
             var old_tag = document.getElementsByClassName("mdui-prose")[0];
-            var old_topbar_tag = document.getElementsByClassName("topbar")[0];
+            var old_topbar_tag = document.getElementsByClassName("navbtn")[0];
             var old_navcard_tag = document.getElementsByClassName("navcard")[0];
             var virtualtag = document.createElement('div');
             virtualtag.insertAdjacentHTML('beforeend', xhr.responseText);
             var title = virtualtag.getElementsByTagName("title")[0].innerText;
             old_tag.innerHTML = virtualtag.getElementsByClassName("mdui-prose")[0].innerHTML;
-            old_topbar_tag.innerHTML = virtualtag.getElementsByClassName("topbar")[0].innerHTML;
+            old_topbar_tag.innerHTML = virtualtag.getElementsByClassName("navbtn")[0].innerHTML;
             old_navcard_tag.innerHTML = virtualtag.getElementsByClassName("navcard")[0].innerHTML;
 
             var elements = document.querySelectorAll('[active]');