diff --git a/src/assets/styles/variable.scss b/src/assets/styles/variable.scss
index 2f11866d..ff714dbb 100644
--- a/src/assets/styles/variable.scss
+++ b/src/assets/styles/variable.scss
@@ -1,4 +1,5 @@
 $themeColor: #d14424;
+$themeHoverColor: #de6949;
 $textColor: #41464b;
 $borderColor: #eee;
 $lightGray: #f9f9f9;
diff --git a/src/views/Editor/CanvasTool/index.vue b/src/views/Editor/CanvasTool/index.vue
index 3cf38095..b1227cb8 100644
--- a/src/views/Editor/CanvasTool/index.vue
+++ b/src/views/Editor/CanvasTool/index.vue
@@ -331,4 +331,18 @@ const drawLine = (line: LinePoolItem) => {
     margin-top: 3px;
   }
 }
+
+@media screen and (max-width: 1024px) {
+  .text {
+    display: none;
+  }
+  .handler-item {
+    margin: 0 5px;
+  }
+}
+@media screen and (max-width: 1000px) {
+  .left-handler, .right-handler {
+    display: none;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/Editor/Toolbar/SlideDesignPanel.vue b/src/views/Editor/Toolbar/SlideDesignPanel.vue
index 4cab6982..c9a05034 100644
--- a/src/views/Editor/Toolbar/SlideDesignPanel.vue
+++ b/src/views/Editor/Toolbar/SlideDesignPanel.vue
@@ -408,7 +408,7 @@ const updateViewportRatio = (value: number) => {
     border-radius: $borderRadius;
 
     &:hover {
-      background-color: #c42f19;
+      background-color: $themeHoverColor;
     }
 
     & + .btn {