diff --git a/app/src/assets/scss/business/_history.scss b/app/src/assets/scss/business/_history.scss
index 8f8ef4fa8..def12c479 100644
--- a/app/src/assets/scss/business/_history.scss
+++ b/app/src/assets/scss/business/_history.scss
@@ -10,7 +10,7 @@
   }
 
   &__repo {
-    background-color: var(--b3-theme-background);
+    background-color: var(--b3-theme-surface);
     display: flex;
     flex-direction: column;
     height: 100%;
@@ -19,16 +19,6 @@
     overflow: hidden;
   }
 
-  &__repoheader {
-    padding: 8px 16px;
-    flex-wrap: wrap;
-
-    .block__icon {
-      opacity: 1;
-      z-index: 1;
-    }
-  }
-
   &__date {
     text-align: center;
     line-height: 20px;
diff --git a/app/src/assets/scss/business/_search.scss b/app/src/assets/scss/business/_search.scss
index 577919833..650c8a1fa 100644
--- a/app/src/assets/scss/business/_search.scss
+++ b/app/src/assets/scss/business/_search.scss
@@ -115,7 +115,7 @@
     &:after {
       content: "";
       display: block;
-      background-color: var(--b3-border-color);
+      background-color: var(--b3-theme-surface-lighter);
       position: absolute;
       left: 0;
       transition: var(--b3-transition);
diff --git a/app/src/history/history.ts b/app/src/history/history.ts
index 3b40107a1..711797323 100644
--- a/app/src/history/history.ts
+++ b/app/src/history/history.ts
@@ -243,10 +243,10 @@ export const openHistory = () => {
     </div>
     <div class="fn__flex-1 fn__flex" id="historyContainer">
         <div data-type="doc" class="history__repo fn__block" data-init="true">
-            <div class="fn__flex history__repoheader">
-                <span data-type="docprevious" class="block__icon b3-tooltips b3-tooltips__se" disabled="disabled" aria-label="${window.siyuan.languages.previousLabel}"><svg><use xlink:href='#iconLeft'></use></svg></span>
+            <div class="block__icons">
+                <span data-type="docprevious" class="block__icon block__icon--show 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="docnext" class="block__icon b3-tooltips b3-tooltips__se" disabled="disabled" aria-label="${window.siyuan.languages.nextLabel}"><svg><use xlink:href='#iconRight'></use></svg></span>
+                <span data-type="docnext" class="block__icon block__icon--show 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>
                 <div style="position: relative">
                     <svg class="b3-form__icon-icon ft__on-surface"><use xlink:href="#iconSearch"></use></svg>
@@ -284,14 +284,14 @@ export const openHistory = () => {
                 <div class="fn__flex-1 history__text fn__none" style="padding: 0" data-type="docPanel"></div>
             </div>
         </div>
-        <ul data-type="notebook" style="background-color: var(--b3-theme-background);border-radius: 0 0 4px 4px;padding-bottom: 8px;" class="fn__none b3-list b3-list--background">
+        <ul data-type="notebook" style="padding: 8px 0;" class="fn__none b3-list b3-list--background">
             <li class="b3-list--empty">${window.siyuan.languages.emptyContent}</li>
         </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__se" disabled="disabled" aria-label="${window.siyuan.languages.previousLabel}"><svg><use xlink:href='#iconLeft'></use></svg></span>
+            <div class="block__icons">
+                <span data-type="previous" class="block__icon block__icon--show 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__se" disabled="disabled" aria-label="${window.siyuan.languages.nextLabel}"><svg><use xlink:href='#iconRight'></use></svg></span>
+                <span data-type="next" class="block__icon block__icon--show 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>
                 <select class="b3-select" style="min-width: auto">
                     <option value="0">${window.siyuan.languages.localSnapshot}</option>
@@ -305,7 +305,7 @@ export const openHistory = () => {
                 <span class="fn__space"></span>
                 <button class="b3-button b3-button--outline" disabled data-type="compare">${window.siyuan.languages.compare}</button>
             </div>    
-            <ul style="background: var(--b3-theme-background);padding-bottom: 8px;" class="b3-list b3-list--background fn__flex-1">
+            <ul class="b3-list b3-list--background fn__flex-1" style="padding-bottom: 8px">
                 <li class="b3-list--empty">${window.siyuan.languages.emptyContent}</li>
             </ul>
         </div>
diff --git a/app/src/index.ts b/app/src/index.ts
index f85a1f984..3d4d545db 100644
--- a/app/src/index.ts
+++ b/app/src/index.ts
@@ -29,7 +29,6 @@ import {getLocalStorage} from "./protyle/util/compatibility";
 import {updateEditModeElement} from "./layout/topBar";
 import {getSearch} from "./util/functions";
 import {hideAllElements} from "./protyle/ui/hideElements";
-import {initPluginSystem} from "siyuan-petal";
 
 class App {
     constructor() {
@@ -166,7 +165,6 @@ class App {
                         resizeDrag();
                         setTitle(window.siyuan.languages.siyuanNote);
                         initMessage();
-                        initPluginSystem();
                     });
                 });
             });