diff --git a/components/radio/style/index.less b/components/radio/style/index.less
index 44d4e499da..713dc25d0d 100644
--- a/components/radio/style/index.less
+++ b/components/radio/style/index.less
@@ -174,7 +174,7 @@ span.@{radio-prefix-cls} + * {
   display: inline-block;
   height: @btn-height-base;
   margin: 0;
-  padding: 0 @padding-md - 1px;
+  padding: 0 @radio-button-padding-horizontal;
   color: @radio-button-color;
   font-size: @font-size-base;
   line-height: @btn-height-base - 2px;
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index c6d20653ce..fce17ec46d 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -308,6 +308,7 @@
 @radio-button-color: @btn-default-color;
 @radio-button-hover-color: @primary-5;
 @radio-button-active-color: @primary-7;
+@radio-button-padding-horizontal: @padding-md - 1px;
 @radio-disabled-button-checked-bg: @disabled-active-bg;
 @radio-disabled-button-checked-color: @disabled-color;
 @radio-wrapper-margin-right: 8px;
diff --git a/components/style/themes/variable.less b/components/style/themes/variable.less
index 27bf47475b..0779d6577b 100644
--- a/components/style/themes/variable.less
+++ b/components/style/themes/variable.less
@@ -363,6 +363,7 @@ html {
 @radio-button-color: @btn-default-color;
 @radio-button-hover-color: @primary-5;
 @radio-button-active-color: @primary-7;
+@radio-button-padding-horizontal: @padding-md - 1px;
 @radio-disabled-button-checked-bg: @disabled-active-bg;
 @radio-disabled-button-checked-color: @disabled-color;
 @radio-wrapper-margin-right: 8px;