From f0b3c443c01d211022f01db4170073fc69fe1495 Mon Sep 17 00:00:00 2001
From: Laux Dev <2201104208@student.buksu.edu.ph>
Date: Tue, 3 Mar 2026 12:40:05 +0800
Subject: [PATCH] fixed

---
 frontend/src/app/users/[usersId]/page.jsx          |  2 ++
 frontend/src/app/users/[usersId]/styles.module.css | 12 +++++++-----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/users/[usersId]/page.jsx b/frontend/src/app/users/[usersId]/page.jsx
index dee1c6a..643eaed 100644
--- a/frontend/src/app/users/[usersId]/page.jsx
+++ b/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}>
diff --git a/frontend/src/app/users/[usersId]/styles.module.css b/frontend/src/app/users/[usersId]/styles.module.css
index ae7683e..ee01963 100644
--- a/frontend/src/app/users/[usersId]/styles.module.css
+++ b/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;