From ce0b6cdac366bbec66e55474176e2043139028b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Obermu=CC=88ller?= <thomas.obermueller@gmail.com>
Date: Tue, 19 Dec 2023 20:07:09 +0100
Subject: [PATCH] fix(navigation): use min-width for site popover

---
 frontend/src/layout/navigation-3000/components/Navbar.tsx | 1 +
 frontend/src/styles/vars.scss                             | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/layout/navigation-3000/components/Navbar.tsx b/frontend/src/layout/navigation-3000/components/Navbar.tsx
index b864f3dc0d290..3ca2e1690fe4f 100644
--- a/frontend/src/layout/navigation-3000/components/Navbar.tsx
+++ b/frontend/src/layout/navigation-3000/components/Navbar.tsx
@@ -104,6 +104,7 @@ export function Navbar(): JSX.Element {
                                 visible={isSitePopoverOpen}
                                 onClickOutside={closeSitePopover}
                                 placement="right-end"
+                                className="min-w-70"
                             >
                                 <NavbarButton
                                     icon={<ProfilePicture name={user?.first_name} email={user?.email} size="md" />}
diff --git a/frontend/src/styles/vars.scss b/frontend/src/styles/vars.scss
index 096baebf9b890..98a7d1c711eef 100644
--- a/frontend/src/styles/vars.scss
+++ b/frontend/src/styles/vars.scss
@@ -15,7 +15,7 @@ $screens: (
     'xxl': $xxl,
 );
 $tiny_spaces: 0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20;
-$humongous_spaces: 24, 30, 32, 40, 50, 60, 80, 100, 120, 140, 160, 180, 200;
+$humongous_spaces: 24, 30, 32, 40, 50, 60, 70, 80, 100, 120, 140, 160, 180, 200;
 $all_spaces: list.join($tiny_spaces, $humongous_spaces);
 $flex_sizes: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10;
 $leadings: 3, 4, 5, 6, 7, 8, 9, 10;