diff --git a/packages/rate/index.less b/packages/rate/index.less
index f0cc0202f..cca8a90d0 100644
--- a/packages/rate/index.less
+++ b/packages/rate/index.less
@@ -6,7 +6,7 @@
   &__item {
     display: inline-block;
     position: relative;
-    padding: 0 2px;
+    padding: 0 @rate-horizontal-padding;
   }
 
   &__icon {
@@ -15,7 +15,7 @@
     &--half {
       position: absolute;
       top: 0;
-      left: 2px;
+      left: @rate-horizontal-padding;
       width: .5em;;
       overflow: hidden;
     }
diff --git a/packages/style/var.less b/packages/style/var.less
index dbb788f7c..09b30add1 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -201,6 +201,9 @@
 @radio-disabled-label-color: @gray;
 @radio-disabled-background-color: @border-color;
 
+// Rate
+@rate-horizontal-padding: 2px;
+
 // Slider
 @slider-active-background-color: @blue;
 @slider-inactive-background-color: @gray-light;