diff --git a/style/web/components/color-picker/_index.less b/style/web/components/color-picker/_index.less
index fafd205bad..889b719897 100644
--- a/style/web/components/color-picker/_index.less
+++ b/style/web/components/color-picker/_index.less
@@ -443,6 +443,7 @@
       padding: @color-picker-swatch-item-padding;
       position: relative;
       left: @color-picker-swatch-item-left-negative-padding;
+      box-sizing: content-box;
     }
 
     &--item {