diff --git a/src/assets/style/base.styl b/src/assets/style/base.styl
index f70bd10a..099e42ee 100644
--- a/src/assets/style/base.styl
+++ b/src/assets/style/base.styl
@@ -458,3 +458,12 @@ html:has(.dark)
 .user-container .user_link,
 .artwork-meta .pid_link
   font-family Georgia, Helvetica, Arial, sans-serif
+
+.artwork .conf-inp
+  .van-radio--horizontal
+    margin-right 0
+  .van-radio-group--horizontal
+    gap 6px 12px
+
+.setting-actions .conf-fcont
+  align-items flex-start !important
diff --git a/src/views/Setting/ContentsDisplay.vue b/src/views/Setting/ContentsDisplay.vue
index c2b2aba0..543769ed 100644
--- a/src/views/Setting/ContentsDisplay.vue
+++ b/src/views/Setting/ContentsDisplay.vue
@@ -17,6 +17,11 @@
         <van-switch active-color="#536cb8" :value="currentSETTING.ai" size="24" @input="onAIChange($event)" />
       </template>
     </van-cell>
+    <van-cell center :title="$t('3HnNTIScyvd1cNc2qAh7X')" :label="$t('qmd5JADeSGtrvucK3TnGb')">
+      <template #right-icon>
+        <van-switch v-model="isHideRankManga" size="24" @change="changeHideRankManga" />
+      </template>
+    </van-cell>
     <van-field
       v-model="blockTags"
       rows="2"
@@ -61,6 +66,7 @@ export default {
         r18g: false,
         ai: false,
       },
+      isHideRankManga: LocalStorage.get('PXV_HIDE_RANK_MANGA', false),
     }
   },
   head() {
@@ -90,6 +96,15 @@ export default {
         location.reload()
       }, 100)
     },
+    changeHideRankManga(val) {
+      this.isHideRankManga = val
+      this.$nextTick(() => {
+        LocalStorage.set('PXV_HIDE_RANK_MANGA', val)
+        setTimeout(() => {
+          location.reload()
+        }, 500)
+      })
+    },
     onAIChange(checked) {
       this.$set(this.currentSETTING, 'ai', checked)
       this.saveSwitchValues()
@@ -152,5 +167,7 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-
+.setting-page
+  .van-cell__title
+    padding-right 20px
 </style>
diff --git a/src/views/Setting/OtherSetting.vue b/src/views/Setting/OtherSetting.vue
index 4bb65d3d..4fb63028 100644
--- a/src/views/Setting/OtherSetting.vue
+++ b/src/views/Setting/OtherSetting.vue
@@ -25,11 +25,6 @@
         <van-switch :value="isLongpressDL" size="24" @change="changeLongpressDL" />
       </template>
     </van-cell>
-    <van-cell center :title="$t('3HnNTIScyvd1cNc2qAh7X')" :label="$t('qmd5JADeSGtrvucK3TnGb')">
-      <template #right-icon>
-        <van-switch v-model="isHideRankManga" size="24" @change="changeHideRankManga" />
-      </template>
-    </van-cell>
     <van-cell center :title="$t('setting.other.manual_input')" :label="$t('setting.other.manual_input_label')">
       <template #right-icon>
         <van-switch v-model="hideApSelect" size="24" />
@@ -229,7 +224,6 @@ export default {
       pximgChecked: true,
       apiChecked: true,
       hideApSelect: LocalStorage.get('__HIDE_AP_SEL', false),
-      isHideRankManga: LocalStorage.get('PXV_HIDE_RANK_MANGA', false),
       isDark: !!localStorage.getItem('PXV_DARK'),
       enableSwipe: LocalStorage.get('PXV_IMG_DTL_SWIPE', false),
       isPageEffectOn: LocalStorage.get('PXV_PAGE_EFFECT', false),
@@ -430,15 +424,6 @@ export default {
         }, 500)
       })
     },
-    changeHideRankManga(val) {
-      this.isHideRankManga = val
-      this.$nextTick(() => {
-        LocalStorage.set('PXV_HIDE_RANK_MANGA', val)
-        setTimeout(() => {
-          location.reload()
-        }, 500)
-      })
-    },
     changeLang({ name }) {
       this.lang.value = name
       // i18n.locale = name