2 changed files with 3 additions and 1 deletions
--- a/src/app/user-permissions/user-permissions.component.html
+++ b/src/app/user-permissions/user-permissions.component.html
@ -23,7 +23,8 @@
              [clearable]="false"
              [dropdownPosition]="'auto'"
              [virtualScroll]="true"
-              [bufferAmount]="10">
+              [bufferAmount]="20"
+              appendTo="body">
            </ng-select>
          </div>

--- a/src/app/user-permissions/user-permissions.component.scss
+++ b/src/app/user-permissions/user-permissions.component.scss
@ -71,6 +71,7 @@
  overflow-y: auto;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  border-radius: 0.5rem;
+  z-index: 1055;
 }

 /* Button styling */