diff --git a/src/layout/appconfigurator.ts b/src/layout/appconfigurator.ts
index f58e92e..6f2a02a 100644
--- a/src/layout/appconfigurator.ts
+++ b/src/layout/appconfigurator.ts
@@ -6,7 +6,6 @@ import Aura from '@primeng/themes/aura';
 import Lara from '@primeng/themes/lara';
 import { ButtonModule } from 'primeng/button';
 import { PrimeNG } from 'primeng/config';
-import { InputSwitchModule } from 'primeng/inputswitch';
 import { SelectButtonModule } from 'primeng/selectbutton';
 import { LayoutService } from '@/src/service/layout/layout.service';
 
@@ -18,9 +17,8 @@ const presets = {
 @Component({
     selector: 'app-configurator',
     standalone: true,
-    imports: [CommonModule, FormsModule, InputSwitchModule, ButtonModule, SelectButtonModule],
+    imports: [CommonModule, FormsModule, ButtonModule, SelectButtonModule],
     template: `
-        <div class="absolute top-[3.25rem] right-0 w-64 p-4 bg-surface-0 dark:bg-surface-900 border border-surface rounded-border origin-top shadow-[0px_3px_5px_rgba(0,0,0,0.02),0px_0px_2px_rgba(0,0,0,0.05),0px_1px_4px_rgba(0,0,0,0.08)]">
             <div class="flex flex-col gap-4">
                 <div>
                     <span class="text-sm text-muted-color font-semibold">Primary</span>
@@ -65,10 +63,9 @@ const presets = {
                     <p-selectbutton [ngModel]="menuMode()" (ngModelChange)="onMenuModeChange($event)" [options]="menuModeOptions" [allowEmpty]="false" />
                 </div>
             </div>
-        </div>
     `,
     host: {
-        class: 'hidden'
+        class: 'hidden absolute top-[3.25rem] right-0 w-64 p-4 bg-surface-0 dark:bg-surface-900 border border-surface rounded-border origin-top shadow-[0px_3px_5px_rgba(0,0,0,0.02),0px_0px_2px_rgba(0,0,0,0.05),0px_1px_4px_rgba(0,0,0,0.08)]',
     }
 })
 export class AppConfigurator {