From dfad22a03f88296dfa23f870bfec08a420f28006 Mon Sep 17 00:00:00 2001
From: benzbarquilla <benzzbarquilla@gmail.com>
Date: Mon, 16 Mar 2026 16:45:39 +0800
Subject: [PATCH] thats all for today!!

---
 .../navbar/navright/ProfileDropdown.jsx       | 27 ++++++++++---------
 .../navbar/navright/styles.module.css         | 14 ++++++++++
 2 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/frontend/src/app/components/navbar/navright/ProfileDropdown.jsx b/frontend/src/app/components/navbar/navright/ProfileDropdown.jsx
index e802002..f942406 100644
--- a/frontend/src/app/components/navbar/navright/ProfileDropdown.jsx
+++ b/frontend/src/app/components/navbar/navright/ProfileDropdown.jsx
@@ -11,7 +11,6 @@ const ProfileDropdown = ({ isMobile, user }) => {
       {/* Mobile View */}
       {isMobile && (
         <>
-          {" "}
           <div className={styles.profileBadge}>
             {/* User profile*/}
             <div className={styles.userImgContainer}>
@@ -28,20 +27,22 @@ const ProfileDropdown = ({ isMobile, user }) => {
         </>
       )}
 
-      <div className={styles.settingsBtn}>
-        {/* Icon */}
-        <div className={styles.btn}>
-          <SettingsIcon />
+      <div className={styles.actionButtons}>
+        <div className={styles.settingsBtn}>
+          {/* Icon */}
+          <div className={styles.btn}>
+            <SettingsIcon />
+          </div>
+          <p>Settings</p>
         </div>
-        <p>Settings</p>
-      </div>
-      {/* Logout */}
-      <div className={styles.logoutBtn}>
-        {/* Icon */}
-        <div className={styles.btn}>
-          <LogoutIcon />
+        {/* Logout */}
+        <div className={styles.logoutBtn}>
+          {/* Icon */}
+          <div className={styles.btn}>
+            <LogoutIcon />
+          </div>
+          <p>Logout</p>
         </div>
-        <p>Logout</p>
       </div>
     </div>
   );
diff --git a/frontend/src/app/components/navbar/navright/styles.module.css b/frontend/src/app/components/navbar/navright/styles.module.css
index 4717a5e..06502bf 100644
--- a/frontend/src/app/components/navbar/navright/styles.module.css
+++ b/frontend/src/app/components/navbar/navright/styles.module.css
@@ -100,6 +100,13 @@
   }
 }
 
+.actionButtons {
+  display: flex;
+  flex-direction: column;
+
+  gap: 6px;
+  width: 100%;
+}
 .settingsBtn,
 .logoutBtn {
   display: flex;
@@ -204,4 +211,11 @@
     align-self: stretch;
     background: #393d53;
   }
+  .actionButtons {
+    border-radius: 6px;
+    padding: 6px;
+    align-items: center;
+    gap: 6px;
+    align-self: stretch;
+  }
 }