From 861376ef30d068180d3d7f4e0a51eebabe757ec8 Mon Sep 17 00:00:00 2001
From: Abdul Rahman <ar5438376@gmail.com>
Date: Tue, 3 Mar 2026 03:36:22 +0530
Subject: [PATCH] feat: add styled container for workspace dropdown in
 navigation drawer header

- Introduced `StyledWorkspaceDropdownContainer` to wrap the `MultiWorkspaceDropdownButton`, enhancing layout and alignment.
- Updated styles to ensure consistent spacing and centering within the navigation drawer header.
---
 .../components/NavigationDrawerHeader.tsx             | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerHeader.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerHeader.tsx
index 5dbfcf00f32..f0094e60f55 100644
--- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerHeader.tsx
+++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerHeader.tsx
@@ -39,6 +39,13 @@ const StyledNavigationDrawerCollapseButton = styled(
   width: ${({ theme }) => theme.spacing(6)};
 `;
 
+const StyledWorkspaceDropdownContainer = styled.div`
+  min-height: ${({ theme }) => theme.spacing(8)};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+
 type NavigationDrawerHeaderProps = {
   showCollapseButton: boolean;
 };
@@ -54,7 +61,9 @@ export const NavigationDrawerHeader = ({
 
   return (
     <StyledContainer isExpanded={isNavigationDrawerExpanded}>
-      <MultiWorkspaceDropdownButton />
+      <StyledWorkspaceDropdownContainer>
+        <MultiWorkspaceDropdownButton />
+      </StyledWorkspaceDropdownContainer>
       {!isMobile && (
         <StyledRightActions isExpanded={isNavigationDrawerExpanded}>
           <LightIconButton