diff --git a/src/components/Ranking/topUser.vue b/src/components/Ranking/topUser.vue
index c5df585..73bf859 100644
--- a/src/components/Ranking/topUser.vue
+++ b/src/components/Ranking/topUser.vue
@@ -156,10 +156,34 @@ const defaultAvatarUrl = (e) => {
 }
 
 .top1Text {
-  font-size: 1em;
+  font-size: 0.9em;
 }
 
 .text {
-  font-size: 0.9em;
+  font-size: 0.8em;
+}
+
+@media screen and (max-width: 360px) {
+  * {
+    font-size: 10px;
+  }
+}
+
+@media screen and (min-width: 360px) {
+  * {
+    font-size: 14px;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  * {
+    font-size: 24px;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  * {
+    font-size: 32px;
+  }
 }
 </style>
diff --git a/src/views/Ranking/Ranking.vue b/src/views/Ranking/Ranking.vue
index eaa6763..a2f9f4b 100644
--- a/src/views/Ranking/Ranking.vue
+++ b/src/views/Ranking/Ranking.vue
@@ -171,7 +171,7 @@
                 aspect-ratio: 1/1;
                 margin: 0 4px;
               "
-              :style="{ borderRadius: rankingType === 'Room' ? '0' : '50%' }"
+              :style="{ borderRadius: rankingType === 'Room' ? '10%' : '50%' }"
               @error="defaultAvatarUrl"
             />
             <div