edited roles

frontend/src/app/users/[usersId]/styles.module.css

@@ -5,6 +5,7 @@
   gap: 24px;
   flex: 1 0 0;
   align-self: stretch;
+  position: relative;
 }
 .inputFieldContainer {
   display: flex;
@@ -107,31 +108,6 @@
   align-self: stretch;
 }
 
-/* Select Role Dropdown */
-.selectField {
-  display: flex;
-  height: 44px;
-  padding: 12px 16px;
-  align-self: stretch;
-  background: none;
-  border-radius: 6px;
-  border: 1px solid #616583;
-  border: 1px solid color(display-p3 0.3843 0.3961 0.5057);
-  color: #d2d3e1;
-  font-family: Inter;
-  font-size: 16px;
-  font-weight: 400;
-  appearance: none;
-}
-
-.selectField:focus {
-  outline: none;
-  border: 1px solid #959aff;
-  border: 1px solid color(display-p3 0.5892 0.6031 0.9766);
-  background: rgba(75, 79, 109, 0.25);
-  background: color(display-p3 0.298 0.3098 0.4196 / 0.25);
-}
-
 .userPermissions {
   display: flex;
   flex-direction: column;
@@ -139,7 +115,12 @@
   flex: 1 0 0;
   align-self: stretch;
   border-radius: 6px;
+  height: calc(100vh - 280px);
+  position: relative;
+  overflow: auto;
+  scrollbar-width: none;
 }
+
 .permissionsContainer {
   display: flex;
   padding: 24px;