diff --git a/src/app/features/settings/container.scss b/src/app/features/settings/container.scss
index 26cd6ba..9f70486 100644
--- a/src/app/features/settings/container.scss
+++ b/src/app/features/settings/container.scss
@@ -5,7 +5,7 @@
   &:has(> switch) {
     height: 32px;
 
-    &:nth-child(1 of settings-container) {
+    &:nth-child(1 of .settings-container) {
       margin-top: 4px;
     }
   }
diff --git a/src/app/features/settings/settings.ts b/src/app/features/settings/settings.ts
index d2d5e4b..e5e1bee 100644
--- a/src/app/features/settings/settings.ts
+++ b/src/app/features/settings/settings.ts
@@ -27,6 +27,10 @@ export class SettingsCategory {
   templateUrl: './container.html',
   styleUrl: './container.scss',
   imports: [Switch, Dropdown],
+  host: {
+    // For IDE Compatibility
+    '[class.settings-container]': 'true',
+  },
 })
 export class SettingsContainer {
   settingsType = input.required<SettingsType>();