diff --git a/packages/theme-chalk/src/checkbox-button.scss b/packages/theme-chalk/src/checkbox-button.scss
index 4ddaa0368f..8db9c9bd1a 100644
--- a/packages/theme-chalk/src/checkbox-button.scss
+++ b/packages/theme-chalk/src/checkbox-button.scss
@@ -106,8 +106,8 @@
   &:first-child {
     .#{$namespace}-checkbox-button__inner {
       border-left: getCssVar('border');
-      border-radius: getCssVar('border-radius-base') 0 0
-        getCssVar('border-radius-base');
+      border-top-left-radius: getCssVar('border-radius-base');
+      border-bottom-left-radius: getCssVar('border-radius-base');
       box-shadow: none !important;
     }
   }
@@ -120,8 +120,8 @@
 
   &:last-child {
     .#{$namespace}-checkbox-button__inner {
-      border-radius: 0 getCssVar('border-radius-base')
-        getCssVar('border-radius-base') 0;
+      border-top-right-radius: getCssVar('border-radius-base');
+      border-bottom-right-radius: getCssVar('border-radius-base');
     }
   }