diff --git a/src/common/Checkbox/styles.less b/src/common/Checkbox/styles.less
index 22707fc2e..a7184f73f 100644
--- a/src/common/Checkbox/styles.less
+++ b/src/common/Checkbox/styles.less
@@ -5,7 +5,7 @@
 
     &:global(.checked) {
         .icon {
-            padding: 10%;
+            padding: calc(0.1 * var(--icon-size));
         }
     }