diff --git a/src/components/HomePage/homePage.vue b/src/components/HomePage/homePage.vue
index 9a7c01ba..4e597015 100644
--- a/src/components/HomePage/homePage.vue
+++ b/src/components/HomePage/homePage.vue
@@ -363,6 +363,7 @@
   width: 80px;
   height: 30px;
   padding: 0;
+  margin-right: 8px;
   font-size: 14px;
   text-align: center;
   border-radius: 20px;
diff --git a/src/views/user/ranking.vue b/src/views/user/ranking.vue
index 09622d21..6682b96b 100644
--- a/src/views/user/ranking.vue
+++ b/src/views/user/ranking.vue
@@ -90,7 +90,7 @@
 
 
              <div v-if="experience.data.rankingNo>5" class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
-                 <div style="color: #0059FF;line-height: 40px;padding-left:15px;font-size: 16px;" class="tab-rank" >{{experience.data.rankingNo}}</div>
+                 <div style="color: #0059FF;line-height: 40px;padding-left:14px;font-size: 16px;" class="tab-rank" >{{experience.data.rankingNo}}</div>
                  <div class="tab-name" v-if="userInfo.aid">
                     <author-img :avatar="userInfo.avatar" :aid="userInfo.aid" :sex="userInfo.sex"></author-img>
                     <div>
@@ -179,7 +179,7 @@
              </div>
 
              <div v-if="learningDuration.data.rankingNo>5" class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
-                 <div style="color: #0059FF;line-height: 40px;padding-left:15px;font-size: 16px;" class="tab-rank" >{{learningDuration.data.rankingNo}}</div>
+                 <div style="color: #0059FF;line-height: 40px;padding-left:14px;font-size: 16px;" class="tab-rank" >{{learningDuration.data.rankingNo}}</div>
                  <div class="tab-name" v-if="userInfo.aid">
                     <author-img  :avatar="userInfo.avatar" :aid="userInfo.aid" :sex="userInfo.sex"></author-img>
                     <div>
@@ -268,7 +268,7 @@
              
 
              <div v-if="learningDays.data.rankingNo>5" class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
-                 <div style="color: #0059FF;line-height: 40px;padding-left:15px;font-size: 16px;" class="tab-rank" >{{learningDays.data.rankingNo}}</div>
+                 <div style="color: #0059FF;line-height: 40px;padding-left:14px;font-size: 16px;" class="tab-rank" >{{learningDays.data.rankingNo}}</div>
                  <div class="tab-name" v-if="userInfo.aid">
                     <author-img  :avatar="userInfo.avatar" :aid="userInfo.aid" :sex="userInfo.sex"></author-img>
                     <div>
@@ -636,7 +636,11 @@ export default {
     color: #666666;
     margin-top: 7px;
 }
+.exp-table .table-hear div{
+    min-width: 65px !important;
+}
 .tab-name{
+    min-width: 65px;
     display: flex;
     ::v-deep .item-author{
         min-width: 54px !important;
@@ -654,8 +658,7 @@ export default {
 
 }
 .tab-rank{
-
-    // text-align: center;
+    width: 54px;
     img{
          width: 40px;
          height: 40px;