diff --git a/src/less/base/single/button/button.half.less b/src/less/base/single/button/button.half.less
index b652328fb..13bb7f996 100644
--- a/src/less/base/single/button/button.half.less
+++ b/src/less/base/single/button/button.half.less
@@ -6,10 +6,11 @@
 
   &:after {
     position: absolute;
-    left: 2px;
-    top: 2px;
-    width: 8px;
-    height: 8px;
+    left: 50%;
+    top: 50%;
+    width: 50%;
+    height: 50%;
+    .transform(translate(-50%, -50%));
     background-color: @color-bi-background-half-button-content;
     content: '';
   }
diff --git a/src/less/base/single/input/radio.less b/src/less/base/single/input/radio.less
index 0a3345e42..a1aaa4071 100644
--- a/src/less/base/single/input/radio.less
+++ b/src/less/base/single/input/radio.less
@@ -2,13 +2,15 @@
 
 .bi-radio {
   & .radio-content, &.radio-content {
-    .border-radius(8px);
+    .border-radius(50%);
     border: 1px solid @color-bi-border-radio;
     .box-sizing(border-box);
     .transition(all .1s);
+
     &:after {
       content: "";
     }
+
     &.hover, &:hover {
       border-color: @color-bi-border-hover-active-radio;
     }
@@ -18,16 +20,15 @@
       border-color:  @color-bi-border-hover-active-radio;
       background-color: @color-bi-background-active-radio;
       &:after {
-        width: 8px;
-        height: 8px;
-        display: table;
+        width: 50%;
+        height: 50%;
         position: absolute;
         top: 50%;
         left: 50%;
-        .border-radius(4px);
+        .border-radius(50%);
         background-color: @color-bi-background-active-radio-content;
         .transform(translate(-50%, -50%));
-        @transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
+        @transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
         .transition(@transition);
       }
     }