diff --git a/src/views/WeeklyStar/WeeklyStar.vue b/src/views/WeeklyStar/WeeklyStar.vue
index 810b64e..d952b24 100644
--- a/src/views/WeeklyStar/WeeklyStar.vue
+++ b/src/views/WeeklyStar/WeeklyStar.vue
@@ -154,22 +154,29 @@
               "
             >
               <div style="width: 100%; display: flex; align-items: center">
-                <div style="color: #edb247; font-weight: 700; width: 28px">
+                <div style="color: #edb247; font-weight: 700; width: 15%" class="UserNickname">
                   {{ listItem.rank }}
                 </div>
                 <img
-                  src="/src/assets/icon/coin.png"
+                  :src="listItem.userAvatar || ''"
                   alt=""
                   style="
                     width: 28%;
-                    margin: 0 8px;
+                    margin: 0 2%;
                     aspect-ratio: 1/1;
                     border-radius: 50%;
                     object-fit: cover;
                   "
+                  @error="defaultAvatarUrl"
                 />
 
-                <div style="width: calc(72% - 28px - 26px); display: flex; flex-direction: column">
+                <div
+                  style="
+                    width: calc(100% - 10% - 28% - 16px);
+                    display: flex;
+                    flex-direction: column;
+                  "
+                >
                   <div
                     style="
                       color: #fff;
@@ -179,17 +186,19 @@
                       text-overflow: ellipsis;
                       width: 100%;
                     "
-                    class="topUserNickname"
+                    class="UserNickname"
                   >
                     {{ listItem.userNickname }}
                   </div>
-                  <div style="color: #fff; font-weight: 590">ID:{{ listItem.account }}</div>
+                  <div style="color: #fff; font-weight: 590" class="UserNickname">
+                    ID:{{ listItem.account }}
+                  </div>
                 </div>
               </div>
 
               <div style="display: flex; width: 30%; display: flex; align-items: center">
-                <img src="/src/assets/icon/coin.png" alt="" style="width: 20%; height: 20%" />
-                <div style="color: #edb247; font-weight: 700">
+                <img src="/src/assets/icon/coin.png" alt="" style="width: 30%" />
+                <div style="color: #edb247; font-weight: 700" class="UserNickname">
                   {{ listItem.quantity }}
                 </div>
               </div>
@@ -465,6 +474,7 @@
                 white-space: nowrap;
                 text-overflow: ellipsis;
               "
+              class="UserNickname"
             >
               {{ myRanking.userNickname }}
             </div>
@@ -1289,6 +1299,10 @@ onUnmounted(() => {
   font-size: 0.8em;
 }
 
+.UserNickname {
+  font-size: 0.9em;
+}
+
 @media screen and (max-width: 360px) {
   * {
     font-size: 10px;