diff --git a/src/pages/User/Abyss.vue b/src/pages/User/Abyss.vue
index 4429d570..df4dfdc2 100644
--- a/src/pages/User/Abyss.vue
+++ b/src/pages/User/Abyss.vue
@@ -489,7 +489,6 @@ async function refreshAvatars(
 .ua-btn {
   background: var(--tgc-btn-1);
   color: var(--btn-text);
-  font-family: var(--font-title);
 
   img {
     width: 24px;
diff --git a/src/pages/User/Challenge.vue b/src/pages/User/Challenge.vue
index 33020f26..167c6a44 100644
--- a/src/pages/User/Challenge.vue
+++ b/src/pages/User/Challenge.vue
@@ -3,8 +3,10 @@
   <v-app-bar>
     <template #prepend>
       <div class="ucp-top-prepend">
-        <img alt="icon" src="/source/UI/userChallenge.webp" />
-        <span>幽境危战</span>
+        <div class="ucp-top-title">
+          <img alt="icon" src="/source/UI/userChallenge.webp" />
+          <span>幽境危战</span>
+        </div>
         <v-select
           v-model="uidCur"
           :hide-details="true"
@@ -417,20 +419,22 @@ async function tryReadChallenge(): Promise<void> {
   justify-content: center;
   margin-left: 12px;
   column-gap: 8px;
+}
+
+.ucp-top-title {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--common-text-title);
+  column-gap: 8px;
+  font-family: var(--font-title);
+  font-size: 20px;
 
   img {
     width: 32px;
     height: 32px;
   }
-
-  span {
-    font-family: var(--font-title);
-    font-size: 20px;
-  }
-
-  span :first-child {
-    color: var(--common-text-title);
-  }
 }
 
 .ucp-btn {