diff --git a/components/checkbox/style/mixin.less b/components/checkbox/style/mixin.less
index 87670e0089..11cbf51c23 100644
--- a/components/checkbox/style/mixin.less
+++ b/components/checkbox/style/mixin.less
@@ -10,7 +10,7 @@
     display: inline-block;
     line-height: 1;
     position: relative;
-    vertical-align: middle;
+    vertical-align: text-bottom;
 
     .@{checkbox-prefix-cls}-wrapper:hover &,
     &:hover &-inner,
@@ -131,7 +131,6 @@
   .@{checkbox-prefix-cls} + span {
     padding-left: 8px;
     padding-right: 8px;
-    vertical-align: middle;
   }
 
   .@{checkbox-prefix-cls}-group {
diff --git a/components/radio/style/index.less b/components/radio/style/index.less
index 4f3ad7f607..1bb1fe65aa 100644
--- a/components/radio/style/index.less
+++ b/components/radio/style/index.less
@@ -27,7 +27,7 @@
   display: inline-block;
   position: relative;
   line-height: 1;
-  vertical-align: middle;
+  vertical-align: text-bottom;
   cursor: pointer;
   .@{radio-prefix-cls}-wrapper:hover &,
   &:hover,
@@ -110,7 +110,6 @@
 span.@{radio-prefix-cls} + * {
   padding-left: 8px;
   padding-right: 8px;
-  vertical-align: middle;
 }
 
 .@{radio-prefix-cls}-button-wrapper {