diff --git a/src/app/user-permissions/user-permissions.component.html b/src/app/user-permissions/user-permissions.component.html
index cb1f543..82aa6f5 100644
--- 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>
 
diff --git a/src/app/user-permissions/user-permissions.component.scss b/src/app/user-permissions/user-permissions.component.scss
index 5d3ba3a..451ace3 100644
--- 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 */