diff --git a/client/src/components/sidebar/components/menuButton/MenuButton.tsx b/client/src/components/sidebar/components/menuButton/MenuButton.tsx
index 57d4c2e..7d31e0f 100644
--- a/client/src/components/sidebar/components/menuButton/MenuButton.tsx
+++ b/client/src/components/sidebar/components/menuButton/MenuButton.tsx
@@ -83,16 +83,22 @@ export const MenuButton = () => {
   };
   return (
     <>
-    <button
-      className={`${menuButtonContainer} menu_button_container`}
-      onClick={handleMenuClick}
-      data-onboarding="menu-button"
-    >
-      <button className={menuItemWrapper}>
-        <MenuIcon />
-        <p className={textBox}>{name ?? "Nocta"}</p>
+      <button
+        className={`${menuButtonContainer} menu_button_container`}
+        onClick={handleMenuClick}
+        data-onboarding="menu-button"
+      >
+        <button className={menuItemWrapper}>
+          <MenuIcon />
+          <p className={textBox}>{name ?? "Nocta"}</p>
+        </button>
+        <WorkspaceSelectModal isOpen={isOpen} userName={name} onInviteClick={openInviteModal} />
+        <InviteModal
+          isOpen={isInviteModalOpen}
+          onClose={closeInviteModal}
+          onInvite={handleInvite}
+        />
       </button>
-      <InviteModal isOpen={isInviteModalOpen} onClose={closeInviteModal} onInvite={handleInvite} />
     </>
   );
 };