diff --git a/src/views/dashboard/Console/RankSummary.vue b/src/views/dashboard/Console/RankSummary.vue
index 8dd642290..575b2af96 100644
--- a/src/views/dashboard/Console/RankSummary.vue
+++ b/src/views/dashboard/Console/RankSummary.vue
@@ -13,6 +13,7 @@
 
 <script>
 import RankTable from '../components/RankTable.vue'
+
 export default {
   components: {
     RankTable
@@ -31,7 +32,8 @@ export default {
           },
           {
             prop: 'total',
-            label: this.$t('dashboard.LoginCount')
+            label: this.$t('dashboard.LoginCount'),
+            width: '80px'
           }
         ]
       },
@@ -47,7 +49,8 @@ export default {
           },
           {
             prop: 'total',
-            label: this.$t('dashboard.NumberOfVisits')
+            label: this.$t('dashboard.NumberOfVisits'),
+            width: '80px'
           }
         ]
       }
diff --git a/src/views/dashboard/components/RankTable.vue b/src/views/dashboard/components/RankTable.vue
index 1f30b65ea..d80af148f 100644
--- a/src/views/dashboard/components/RankTable.vue
+++ b/src/views/dashboard/components/RankTable.vue
@@ -6,10 +6,10 @@
     </div>
     <el-table
       :data="tableData"
-      style="width: 100%"
       class="table"
+      style="width: 100%"
     >
-      <el-table-column :label="$tc('dashboard.ranking')">
+      <el-table-column :label="$tc('dashboard.ranking')" width="60px">
         <template v-slot="scope">
           <span>{{ scope.$index + 1 }}</span>
         </template>
@@ -17,8 +17,9 @@
       <el-table-column
         v-for="i in config.columns"
         :key="i.prop"
-        :prop="i.prop"
         :label="i.label"
+        :prop="i.prop"
+        :width="i.width"
       />
     </el-table>
   </div>
@@ -81,5 +82,10 @@ export default {
 }
 >>> .el-table th, .el-table tr {
   background-color: #F5F6F7!important;
+
+}
+
+>>> .el-table .cell {
+  white-space: nowrap;
 }
 </style>