diff --git a/app/src/assets/scss/util/_responsive.scss b/app/src/assets/scss/util/_responsive.scss
index 3857b0080..42bdb8a75 100644
--- a/app/src/assets/scss/util/_responsive.scss
+++ b/app/src/assets/scss/util/_responsive.scss
@@ -71,6 +71,11 @@
     &__panel {
       flex-direction: column;
 
+      & > .fn__flex-column {
+        min-height: auto;
+        border-radius: var(--b3-border-radius-b);
+      }
+
       & > .history__side {
         height: 40%;
         overflow: auto;
diff --git a/app/src/history/history.ts b/app/src/history/history.ts
index 98924edbe..983d3b552 100644
--- a/app/src/history/history.ts
+++ b/app/src/history/history.ts
@@ -445,6 +445,7 @@ export const openHistory = (app: App) => {
             icon: "iconHistory",
             title: window.siyuan.languages.dataHistory,
             bindEvent(element) {
+                element.firstElementChild.setAttribute("style", "background-color:var(--b3-theme-background);height:100%")
                 bindEvent(app, element.firstElementChild);
             }
         });