diff --git a/frontend/src/app/framework/angular/dropdown-menu.component.ts b/frontend/src/app/framework/angular/dropdown-menu.component.ts
index fd60435a0..8ada87e5b 100644
--- a/frontend/src/app/framework/angular/dropdown-menu.component.ts
+++ b/frontend/src/app/framework/angular/dropdown-menu.component.ts
@@ -7,7 +7,7 @@
 
 /* eslint-disable @angular-eslint/no-host-metadata-property */
 
-import { ChangeDetectionStrategy, Component, ElementRef, HostBinding } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input } from '@angular/core';
 import { fadeAnimation } from './animations';
 
 @Component({
@@ -29,6 +29,10 @@ export class DropdownMenuComponent {
         return true;
     }
 
+    @HostBinding('class')
+    @Input()
+    public class?: string;
+
     public get nativeElement() {
         return this.element.nativeElement;
     }
diff --git a/frontend/src/app/shell/pages/internal/apps-menu.component.html b/frontend/src/app/shell/pages/internal/apps-menu.component.html
index f8afbcc90..38df03dca 100644
--- a/frontend/src/app/shell/pages/internal/apps-menu.component.html
+++ b/frontend/src/app/shell/pages/internal/apps-menu.component.html
@@ -13,6 +13,7 @@
         </span>
 
         <sqx-dropdown-menu
+            class="d-flex flex-column"
             position="bottom-start"
             scrollY="true"
             [sqxAnchoredTo]="button"
diff --git a/frontend/src/app/shell/pages/internal/apps-menu.component.scss b/frontend/src/app/shell/pages/internal/apps-menu.component.scss
index 436d9200a..ecdc037be 100644
--- a/frontend/src/app/shell/pages/internal/apps-menu.component.scss
+++ b/frontend/src/app/shell/pages/internal/apps-menu.component.scss
@@ -27,11 +27,14 @@ h3 {
 }
 
 .apps-list {
-    max-height: 600px;
     overflow-x: hidden;
     overflow-y: auto;
 }
 
+.dropdown-menu {
+    overflow-y: hidden !important;
+}
+
 .breadcrumb {
     margin: 0;