diff --git a/src/pages/ranking.vue b/src/pages/ranking.vue
index f4b123d..5bf1de9 100644
--- a/src/pages/ranking.vue
+++ b/src/pages/ranking.vue
@@ -443,6 +443,7 @@ onHide(() => {
 .data-progress > view > view {
   height: 5px;
   border-radius: 10px;
+  transition: width 0.3s ease;
 }
 .ranking-my-data > view:last-child {
   color: #39a8ff;
@@ -553,6 +554,7 @@ onHide(() => {
 }
 .season-list > view > image {
   width: 12px;
+  height: 12px;
   margin-left: 10px;
 }
 </style>