diff --git a/packages/theme-chalk/src/checkbox.scss b/packages/theme-chalk/src/checkbox.scss
index 7919a111eb..1e368e6782 100644
--- a/packages/theme-chalk/src/checkbox.scss
+++ b/packages/theme-chalk/src/checkbox.scss
@@ -167,6 +167,7 @@ $checkbox-bordered-input-width: map.merge(
 
         &::after {
           transform: rotate(45deg) scaleY(1);
+          border-color: getCssVar('checkbox-checked-icon-color');
         }
       }
 
@@ -226,7 +227,7 @@ $checkbox-bordered-input-width: map.merge(
     &::after {
       box-sizing: content-box;
       content: '';
-      border: 1px solid getCssVar('checkbox-checked-icon-color');
+      border: 1px solid transparent;
       border-left: 0;
       border-top: 0;
       height: 7px;