diff --git a/apps/stage-web/src/components/Settings/CheckBar.vue b/apps/stage-web/src/components/Settings/CheckBar.vue
index d92fc96b9..ab6c193c4 100644
--- a/apps/stage-web/src/components/Settings/CheckBar.vue
+++ b/apps/stage-web/src/components/Settings/CheckBar.vue
@@ -27,10 +27,3 @@ const model = defineModel<boolean>()
     </Transition>
   </label>
 </template>
-
-<style>
-.setting-bar {
-  --at-apply: transition-all ease-in-out duration-250 w-full flex items-center justify-between rounded-lg px-4 py-3
-    outline-none;
-}
-</style>
diff --git a/apps/stage-web/src/styles/main.css b/apps/stage-web/src/styles/main.css
index 08ab0d2dc..399ea9bf4 100755
--- a/apps/stage-web/src/styles/main.css
+++ b/apps/stage-web/src/styles/main.css
@@ -34,3 +34,8 @@ html.dark {
   width: 100%;
   height: 2px;
 }
+
+.setting-bar {
+  --at-apply: transition-all ease-in-out duration-250 w-full flex items-center justify-between rounded-lg px-4 py-3
+    outline-none;
+}