thats all for today!!

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,6 +27,7 @@ const ProfileDropdown = ({ isMobile, user }) => {
         </>
       )}
 
+      <div className={styles.actionButtons}>
         <div className={styles.settingsBtn}>
           {/* Icon */}
           <div className={styles.btn}>
@@ -44,6 +44,7 @@ const ProfileDropdown = ({ isMobile, user }) => {
           <p>Logout</p>
         </div>
       </div>
+    </div>
   );
 };
 

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;
+  }
 }