From 23103ff6831d57c6661baa615fe2fdccb1ffcaaa Mon Sep 17 00:00:00 2001
From: Adam Bar <adam.bar@getunleash.io>
Date: Tue, 6 Oct 2026 12:55:15 +0200
Subject: [PATCH] feat: left-align the hide/show environments button

Aligns the button to the start of its container.

[DX-4921](https://linear.app/unleash/issue/DX-4921/left-align-the-hideshow-environments-dropdown)

**Before**
<img width="389" height="588" alt="image"
src="https://github.com/user-attachments/assets/1f371340-7d7c-487d-bec4-b9333f069d71"
/>

**After**
<img width="373" height="593" alt="image"
src="https://github.com/user-attachments/assets/e45f90d4-4874-436b-b06f-5b004915fe29"
/>
---
 .../EnvironmentVisibilityMenu/EnvironmentVisibilityMenu.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/EnvironmentVisibilityMenu/EnvironmentVisibilityMenu.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/EnvironmentVisibilityMenu/EnvironmentVisibilityMenu.tsx
index e166e330aa..3b7871d36e 100644
--- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/EnvironmentVisibilityMenu/EnvironmentVisibilityMenu.tsx
+++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/EnvironmentVisibilityMenu/EnvironmentVisibilityMenu.tsx
@@ -17,7 +17,7 @@ const menuId = 'environment-visibility-menu';
 
 const StyledContainer = styled('div')(({ theme }) => ({
     display: 'flex',
-    justifyContent: 'center',
+    justifyContent: 'flex-start',
     paddingTop: theme.spacing(4),
 }));