diff --git a/app/src/asset/index.ts b/app/src/asset/index.ts
index bc9dfa12f..72bc46cb8 100644
--- a/app/src/asset/index.ts
+++ b/app/src/asset/index.ts
@@ -118,7 +118,7 @@ export class Asset extends Model {
           </div>
         </div>
         <div id="sidebarResizer"></div>
-      </div>  <!-- sidebarContainer -->
+      </div>
       <div id="mainContainer">
         <div class="findbar b3-menu fn__hidden doorHanger" id="findbar">
             <input id="findInput" class="toolbarField b3-text-field" placeholder="${window.siyuan.languages.search}" tabindex="91">
diff --git a/app/src/asset/pdf/pdf_sidebar_resizer.js b/app/src/asset/pdf/pdf_sidebar_resizer.js
index cef26e7d7..4e4d88a0a 100644
--- a/app/src/asset/pdf/pdf_sidebar_resizer.js
+++ b/app/src/asset/pdf/pdf_sidebar_resizer.js
@@ -84,7 +84,7 @@ class PDFSidebarResizer {
    * @private
    */
   _mouseMove(evt) {
-    let width = evt.clientX;
+    let width = evt.clientX - this.outerContainer.getBoundingClientRect().left;
     // For sidebar resizing to work correctly in RTL mode, invert the width.
     if (this.isRTL) {
       width = this.outerContainerWidth - width;
diff --git a/app/src/assets/scss/pdf/_pdf.scss b/app/src/assets/scss/pdf/_pdf.scss
index 73dfbfcf7..505417721 100644
--- a/app/src/assets/scss/pdf/_pdf.scss
+++ b/app/src/assets/scss/pdf/_pdf.scss
@@ -224,10 +224,15 @@
   position: absolute;
   top: 0;
   bottom: 0;
-  width: 0;
+  width: 1px;
   z-index: 200;
   cursor: ew-resize;
   right: -6px;
+  background-color: var(--b3-border-color);
+
+  &:hover {
+    background-color: var(--b3-scroll-color);
+  }
 }
 
 #loadingBar {