diff --git a/react-ui/src/pages/User/Center/index.less b/react-ui/src/pages/User/Center/index.less
index 5897ca51..ad46d886 100644
--- a/react-ui/src/pages/User/Center/index.less
+++ b/react-ui/src/pages/User/Center/index.less
@@ -1,14 +1,15 @@
+@avaterSize: 180px;
+
 .avatarHolder {
   position: relative;
   display: inline-block;
-  height: 120px;
+  height: @avaterSize;
   margin-bottom: 30px;
   text-align: center;
 
   & > img {
-    width: 120px;
-    height: 120px;
-    margin-bottom: 20px;
+    width: @avaterSize;
+    height: @avaterSize;
     border-radius: 50%;
   }
   &:hover:after {
@@ -20,7 +21,7 @@
     color: #eee;
     font-size: 24px;
     font-style: normal;
-    line-height: 110px;
+    line-height: @avaterSize;
     background: rgba(0, 0, 0, 0.5);
     border-radius: 50%;
     cursor: pointer;