diff --git a/src/layout/appconfigurator.ts b/src/layout/appconfigurator.ts
index 5bf46ab..fc3e77f 100644
--- a/src/layout/appconfigurator.ts
+++ b/src/layout/appconfigurator.ts
@@ -37,8 +37,7 @@ const presets = {
                                 [style]="{
                                     'background-color': primaryColor.name === 'noir' ? 'var(--text-color)' : primaryColor?.palette['500']
                                 }"
-                            >
-                        </button>
+                            ></button>
                         }
                     </div>
                 </div>
@@ -65,7 +64,7 @@ const presets = {
                 </div>
                 <div class="flex flex-col gap-2">
                     <span class="text-sm text-muted-color font-semibold">Menu Mode</span>
-                    <p-selectbutton [ngModel]="menuMode()" (ngModelChange)="onMenuModeChange($event)" [options]="presets" [allowEmpty]="false" />
+                    <p-selectbutton [ngModel]="menuMode()" (ngModelChange)="onMenuModeChange($event)" [options]="menuModeOptions" [allowEmpty]="false" />
                 </div>
             </div>
         </div>
@@ -83,6 +82,11 @@ export class AppConfigurator {
 
     presets = Object.keys(presets);
 
+    menuModeOptions = [
+        { label: 'Static', value: 'static' },
+        { label: 'Overlay', value: 'overlay' }
+    ];
+
     ngOnInit() {
         if (isPlatformBrowser(this.platformId)) {
             this.onPresetChange(this.layoutService.layoutConfig().preset);