diff --git a/src/components/BackToGame.vue b/src/components/BackToGame.vue
index 5405a90..f3dcc0f 100644
--- a/src/components/BackToGame.vue
+++ b/src/components/BackToGame.vue
@@ -82,6 +82,7 @@ onBeforeUnmount(() => {
 .back-to-game > image:nth-child(2) {
   position: relative;
   width: 60px;
+  height: 60px;
 }
 .back-to-game > text:nth-child(3) {
   position: relative;
diff --git a/src/components/Header.vue b/src/components/Header.vue
index a06e04a..18a61f4 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -162,7 +162,7 @@ onBeforeUnmount(() => {
       </block>
     </view>
     <image
-      :style="{ opacity: showLoader && loading ? 1 : 0 }"
+      :style="{ opacity: showLoader && loading ? 0 : 0 }"
       src="../static/btn-loading.png"
       mode="widthFix"
       class="loading"
diff --git a/src/pages/battle-room.vue b/src/pages/battle-room.vue
index abe32b3..b41fea5 100644
--- a/src/pages/battle-room.vue
+++ b/src/pages/battle-room.vue
@@ -494,7 +494,7 @@ onHide(() => {});
   background-color: #fed847;
   font-size: 8px;
   border-radius: 10px;
-  padding: 2px 5px;
+  padding: 2rpx 10rpx;
 }
 .team-mode > view > image:nth-child(2) {
   width: 120px;
diff --git a/src/pages/friend-battle.vue b/src/pages/friend-battle.vue
index 7244985..2b14d87 100644
--- a/src/pages/friend-battle.vue
+++ b/src/pages/friend-battle.vue
@@ -186,7 +186,7 @@ onShow(async () => {
   text-align: center;
   font-size: 14px;
   height: 40px;
-  color: #fff;
+  color: #000;
 }
 .founded-room > view > view {
   background-color: #fed847;