diff --git a/src/views/settings/components/ActivityPub.vue b/src/views/settings/components/ActivityPub.vue
index 6bdb33ed..c3a1b9d6 100644
--- a/src/views/settings/components/ActivityPub.vue
+++ b/src/views/settings/components/ActivityPub.vue
@@ -92,6 +92,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/Authentication.vue b/src/views/settings/components/Authentication.vue
index 47c5711b..292add48 100644
--- a/src/views/settings/components/Authentication.vue
+++ b/src/views/settings/components/Authentication.vue
@@ -112,6 +112,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/Captcha.vue b/src/views/settings/components/Captcha.vue
index fb2e6210..cc18ea17 100644
--- a/src/views/settings/components/Captcha.vue
+++ b/src/views/settings/components/Captcha.vue
@@ -92,6 +92,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/Emoji.vue b/src/views/settings/components/Emoji.vue
index 9ff2d0df..0707dc20 100644
--- a/src/views/settings/components/Emoji.vue
+++ b/src/views/settings/components/Emoji.vue
@@ -290,7 +290,7 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings;
 @include emoji;
 </style>
diff --git a/src/views/settings/components/Esshd.vue b/src/views/settings/components/Esshd.vue
index 6fb8fa22..4c014703 100644
--- a/src/views/settings/components/Esshd.vue
+++ b/src/views/settings/components/Esshd.vue
@@ -88,6 +88,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/Frontend.vue b/src/views/settings/components/Frontend.vue
index 2c0e8993..dc1528cd 100644
--- a/src/views/settings/components/Frontend.vue
+++ b/src/views/settings/components/Frontend.vue
@@ -142,6 +142,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/Gopher.vue b/src/views/settings/components/Gopher.vue
index b5c78013..4ce8bc14 100644
--- a/src/views/settings/components/Gopher.vue
+++ b/src/views/settings/components/Gopher.vue
@@ -82,6 +82,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/Http.vue b/src/views/settings/components/Http.vue
index 7aa6968d..413b96d1 100644
--- a/src/views/settings/components/Http.vue
+++ b/src/views/settings/components/Http.vue
@@ -112,6 +112,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/Inputs.vue b/src/views/settings/components/Inputs.vue
index e052fefd..aa43bb1c 100644
--- a/src/views/settings/components/Inputs.vue
+++ b/src/views/settings/components/Inputs.vue
@@ -394,6 +394,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/Instance.vue b/src/views/settings/components/Instance.vue
index f3dc84b9..bcacfe47 100644
--- a/src/views/settings/components/Instance.vue
+++ b/src/views/settings/components/Instance.vue
@@ -209,6 +209,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/JobQueue.vue b/src/views/settings/components/JobQueue.vue
index b4720a73..565fa34b 100644
--- a/src/views/settings/components/JobQueue.vue
+++ b/src/views/settings/components/JobQueue.vue
@@ -132,6 +132,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/LinkFormatter.vue b/src/views/settings/components/LinkFormatter.vue
index 73030629..9cbc6284 100644
--- a/src/views/settings/components/LinkFormatter.vue
+++ b/src/views/settings/components/LinkFormatter.vue
@@ -82,6 +82,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/Logger.vue b/src/views/settings/components/Logger.vue
index ce0251f3..d046e5c2 100644
--- a/src/views/settings/components/Logger.vue
+++ b/src/views/settings/components/Logger.vue
@@ -112,6 +112,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/MRF.vue b/src/views/settings/components/MRF.vue
index f62da203..71b6f5cd 100644
--- a/src/views/settings/components/MRF.vue
+++ b/src/views/settings/components/MRF.vue
@@ -95,6 +95,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/Mailer.vue b/src/views/settings/components/Mailer.vue
index a429e233..ee240705 100644
--- a/src/views/settings/components/Mailer.vue
+++ b/src/views/settings/components/Mailer.vue
@@ -124,6 +124,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/MediaProxy.vue b/src/views/settings/components/MediaProxy.vue
index 94212636..f0b2d2b7 100644
--- a/src/views/settings/components/MediaProxy.vue
+++ b/src/views/settings/components/MediaProxy.vue
@@ -112,6 +112,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/Metadata.vue b/src/views/settings/components/Metadata.vue
index 68ede003..ba152210 100644
--- a/src/views/settings/components/Metadata.vue
+++ b/src/views/settings/components/Metadata.vue
@@ -92,6 +92,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/Other.vue b/src/views/settings/components/Other.vue
index 9234502b..ca350e83 100644
--- a/src/views/settings/components/Other.vue
+++ b/src/views/settings/components/Other.vue
@@ -157,6 +157,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/RateLimiters.vue b/src/views/settings/components/RateLimiters.vue
index 9530ffa5..4c6b7ea2 100644
--- a/src/views/settings/components/RateLimiters.vue
+++ b/src/views/settings/components/RateLimiters.vue
@@ -82,6 +82,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/Setting.vue b/src/views/settings/components/Setting.vue
index 7593fb3d..26311505 100644
--- a/src/views/settings/components/Setting.vue
+++ b/src/views/settings/components/Setting.vue
@@ -168,6 +168,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/Upload.vue b/src/views/settings/components/Upload.vue
index 75beb5e7..8c250f90 100644
--- a/src/views/settings/components/Upload.vue
+++ b/src/views/settings/components/Upload.vue
@@ -140,6 +140,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/WebPush.vue b/src/views/settings/components/WebPush.vue
index 410edeb7..dafd07f7 100644
--- a/src/views/settings/components/WebPush.vue
+++ b/src/views/settings/components/WebPush.vue
@@ -82,6 +82,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../styles/main';
+@import '../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/inputComponents/BooleanCombinedInput.vue b/src/views/settings/components/inputComponents/BooleanCombinedInput.vue
index e47ade3d..173daf72 100644
--- a/src/views/settings/components/inputComponents/BooleanCombinedInput.vue
+++ b/src/views/settings/components/inputComponents/BooleanCombinedInput.vue
@@ -115,6 +115,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../../styles/main';
+@import '../../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/inputComponents/EditableKeywordInput.vue b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
index 727ff0da..a3727547 100644
--- a/src/views/settings/components/inputComponents/EditableKeywordInput.vue
+++ b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
@@ -192,6 +192,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../../styles/main';
+@import '../../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/inputComponents/EditorInput.vue b/src/views/settings/components/inputComponents/EditorInput.vue
index df2ca77c..3e397b7d 100644
--- a/src/views/settings/components/inputComponents/EditorInput.vue
+++ b/src/views/settings/components/inputComponents/EditorInput.vue
@@ -202,6 +202,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../../styles/main';
+@import '../../../styles/settings';
 @include tiptap
 </style>
diff --git a/src/views/settings/components/inputComponents/IconsInput.vue b/src/views/settings/components/inputComponents/IconsInput.vue
index e2f09165..28d85091 100644
--- a/src/views/settings/components/inputComponents/IconsInput.vue
+++ b/src/views/settings/components/inputComponents/IconsInput.vue
@@ -103,6 +103,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../../styles/main';
+@import '../../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/inputComponents/ImageUploadInput.vue b/src/views/settings/components/inputComponents/ImageUploadInput.vue
index f54b4190..08dc1464 100644
--- a/src/views/settings/components/inputComponents/ImageUploadInput.vue
+++ b/src/views/settings/components/inputComponents/ImageUploadInput.vue
@@ -124,7 +124,7 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../../styles/main';
+@import '../../../styles/settings';
 @include settings;
 
 .image-upload-area {
diff --git a/src/views/settings/components/inputComponents/MascotsInput.vue b/src/views/settings/components/inputComponents/MascotsInput.vue
index e9d94e51..701eceb9 100644
--- a/src/views/settings/components/inputComponents/MascotsInput.vue
+++ b/src/views/settings/components/inputComponents/MascotsInput.vue
@@ -103,6 +103,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../../styles/main';
+@import '../../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/inputComponents/ProxyUrlInput.vue b/src/views/settings/components/inputComponents/ProxyUrlInput.vue
index c2ee2381..6979619d 100644
--- a/src/views/settings/components/inputComponents/ProxyUrlInput.vue
+++ b/src/views/settings/components/inputComponents/ProxyUrlInput.vue
@@ -99,6 +99,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../../styles/main';
+@import '../../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/inputComponents/PruneInput.vue b/src/views/settings/components/inputComponents/PruneInput.vue
index 7864a156..24651ee7 100644
--- a/src/views/settings/components/inputComponents/PruneInput.vue
+++ b/src/views/settings/components/inputComponents/PruneInput.vue
@@ -77,6 +77,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../../styles/main';
+@import '../../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/inputComponents/RateLimitInput.vue b/src/views/settings/components/inputComponents/RateLimitInput.vue
index 60668369..8edf19dc 100644
--- a/src/views/settings/components/inputComponents/RateLimitInput.vue
+++ b/src/views/settings/components/inputComponents/RateLimitInput.vue
@@ -148,6 +148,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../../styles/main';
+@import '../../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/inputComponents/RegInvitesInput.vue b/src/views/settings/components/inputComponents/RegInvitesInput.vue
index 79e629cd..63f2cc4c 100644
--- a/src/views/settings/components/inputComponents/RegInvitesInput.vue
+++ b/src/views/settings/components/inputComponents/RegInvitesInput.vue
@@ -69,6 +69,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../../styles/main';
+@import '../../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/inputComponents/SelectInputWithReducedLabels.vue b/src/views/settings/components/inputComponents/SelectInputWithReducedLabels.vue
index 9b6b6140..62cf62a1 100644
--- a/src/views/settings/components/inputComponents/SelectInputWithReducedLabels.vue
+++ b/src/views/settings/components/inputComponents/SelectInputWithReducedLabels.vue
@@ -110,6 +110,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../../styles/main';
+@import '../../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/inputComponents/SenderInput.vue b/src/views/settings/components/inputComponents/SenderInput.vue
index 3e303c8a..60799e1d 100644
--- a/src/views/settings/components/inputComponents/SenderInput.vue
+++ b/src/views/settings/components/inputComponents/SenderInput.vue
@@ -93,6 +93,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../../styles/main';
+@import '../../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/components/inputComponents/SpecificMultipleSelect.vue b/src/views/settings/components/inputComponents/SpecificMultipleSelect.vue
index a9fb60eb..36beddff 100644
--- a/src/views/settings/components/inputComponents/SpecificMultipleSelect.vue
+++ b/src/views/settings/components/inputComponents/SpecificMultipleSelect.vue
@@ -62,6 +62,6 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
-@import '../../styles/main';
+@import '../../../styles/settings';
 @include settings
 </style>
diff --git a/src/views/settings/styles/main.scss b/src/views/styles/settings.scss
similarity index 100%
rename from src/views/settings/styles/main.scss
rename to src/views/styles/settings.scss