fixed

frontend/src/app/users/[usersId]/page.jsx

@@ -97,8 +97,10 @@ const Page = () => {
               {/* Permissions */}
               <div className={editUserStyle.userPermissions}>
                 {/* Add permissions */}
+                <div className={editUserStyle.imanginaryDiv}></div>
                 <div className={editUserStyle.permissionsContainer}>
                   {/* Header */}
+
                   <div className={editUserStyle.permissionsHeader}>
                     <p>Permissions</p>
                     <div className={editUserStyle.svgContainer}>

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

@@ -1,6 +1,6 @@
 .addUserContainer {
   display: flex;
-  padding: 36px 144px 72px 144px;
+  padding: 0px 144px 0 144px;
   align-items: flex-start;
   gap: 24px;
   flex: 1 0 0;
@@ -17,12 +17,12 @@
 .userDetails {
   display: flex;
   width: 400px;
-  padding: 24px 24px 48px 24px;
+  padding: 20px 24px 48px 24px;
+  margin-top: 36px;
   flex-direction: column;
   align-items: flex-start;
   border-radius: 6px;
   background: #1d1e2a;
-  background: color(display-p3 0.1137 0.1176 0.1608);
 }
 .header {
   display: flex;
@@ -107,7 +107,9 @@
   gap: 8px;
   align-self: stretch;
 }
-
+.imanginaryDiv {
+  padding: 18px;
+}
 .userPermissions {
   display: flex;
   flex-direction: column;
@@ -115,7 +117,7 @@
   flex: 1 0 0;
   align-self: stretch;
   border-radius: 6px;
-  height: calc(100vh - 280px);
+  height: calc(100vh - 175px);
   position: relative;
   overflow: auto;
   scrollbar-width: none;