diff --git a/app/src/assets/scss/protyle/_protyle.scss b/app/src/assets/scss/protyle/_protyle.scss
index c46c49162..c5b3cbe63 100644
--- a/app/src/assets/scss/protyle/_protyle.scss
+++ b/app/src/assets/scss/protyle/_protyle.scss
@@ -10,6 +10,7 @@
   top: 30px;
   width: 16px;
   bottom: 9px; // 下图标 hover 时，需要留出一定的空间
+  pointer-events: none;
 
   svg {
     height: 16px;
@@ -24,6 +25,7 @@
     opacity: 0;
     cursor: pointer;
     color: var(--b3-border-color);
+    pointer-events: auto;
 
     &:hover {
       color: var(--b3-theme-on-surface);
@@ -51,6 +53,7 @@
     top: calc(50% - 8px);
     transform: rotate(90deg);
     z-index: 1;
+    pointer-events: auto;
 
     .b3-slider {
       width: var(--b3-dynamicscroll-width);