diff --git a/app/src/assets/scss/_function.scss b/app/src/assets/scss/_function.scss
index 2731ff8e5..26b97eefc 100644
--- a/app/src/assets/scss/_function.scss
+++ b/app/src/assets/scss/_function.scss
@@ -165,6 +165,7 @@
 
     .block__icon {
       opacity: 1;
+      z-index: 1;
     }
   }
 }
diff --git a/app/src/util/history.ts b/app/src/util/history.ts
index 67614c1ae..b1243f904 100644
--- a/app/src/util/history.ts
+++ b/app/src/util/history.ts
@@ -218,9 +218,9 @@ export const openHistory = () => {
         </ul>
         <div data-type="repo" class="fn__none history__repo">
             <div class="fn__flex history__repoheader">
-                <span data-type="previous" class="block__icon b3-tooltips b3-tooltips__e" disabled="disabled" aria-label="${window.siyuan.languages.previousLabel}"><svg><use xlink:href='#iconLeft'></use></svg></span>
+                <span data-type="previous" class="block__icon b3-tooltips b3-tooltips__se" disabled="disabled" aria-label="${window.siyuan.languages.previousLabel}"><svg><use xlink:href='#iconLeft'></use></svg></span>
                 <span class="fn__space"></span>
-                <span data-type="next" class="block__icon b3-tooltips b3-tooltips__e" disabled="disabled" aria-label="${window.siyuan.languages.nextLabel}"><svg><use xlink:href='#iconRight'></use></svg></span>
+                <span data-type="next" class="block__icon b3-tooltips b3-tooltips__se" disabled="disabled" aria-label="${window.siyuan.languages.nextLabel}"><svg><use xlink:href='#iconRight'></use></svg></span>
                 <div class="fn__flex-1"></div>
                 <button class="b3-button b3-button--outline" data-type="genRepo">${window.siyuan.languages.createSnapshot}</button>
             </div>