diff --git a/frontend/src/views/Dashboard/SettingsModal.css b/frontend/src/views/Dashboard/SettingsModal.css
index 0838e38..e0ac856 100644
--- a/frontend/src/views/Dashboard/SettingsModal.css
+++ b/frontend/src/views/Dashboard/SettingsModal.css
@@ -1,4 +1,4 @@
-.modal-backdrop {
+.modal-backdrop.settings-backdrop {
   padding: 16px;
 }
 
diff --git a/frontend/src/views/Dashboard/SettingsModal.vue b/frontend/src/views/Dashboard/SettingsModal.vue
index 93999c3..e73f0d0 100644
--- a/frontend/src/views/Dashboard/SettingsModal.vue
+++ b/frontend/src/views/Dashboard/SettingsModal.vue
@@ -26,7 +26,7 @@ const { activeSection, submitSettings, navigateTabs } = useSettingsModal(saveSet
 </script>
 
 <template>
-    <div v-if="showSettings" class="modal-backdrop" @click.self="closeSettings">
+    <div v-if="showSettings" class="modal-backdrop settings-backdrop" @click.self="closeSettings">
       <section class="modal-card settings-modal" role="dialog" aria-modal="true" aria-label="系统设置">
         <div class="modal-heading">
           <div>