diff --git a/apps/common/mobile/resources/less/common.less b/apps/common/mobile/resources/less/common.less
index dd390cde96..e56e2607e8 100644
--- a/apps/common/mobile/resources/less/common.less
+++ b/apps/common/mobile/resources/less/common.less
@@ -447,14 +447,18 @@
         .color-hsb-preview {
             width: 72px;
             height: 72px;
-            border-radius: 100px;
             overflow: hidden;
-            // border: 1px solid @gray;
-            border: 0;
+            border: 1px solid @gray;
+            border-radius: 100px;
             .new-color-hsb-preview, .current-color-hsb-preview {
-                width: 100%;
                 height: 36px;
             }
+            .new-color-hsb-preview {
+                border-radius: 100px 100px 0 0;
+            }
+            .current-color-hsb-preview {
+                border-radius: 0 0 100px 100px;
+            }
         }
         .button-round {
             height: 72px;