From 37d09c77c9c533db668f34fdcaa0d5f09da39762 Mon Sep 17 00:00:00 2001
From: Paul D'Ambra <paul@posthog.com>
Date: Wed, 15 Nov 2023 19:36:38 +0000
Subject: [PATCH] better width

---
 frontend/src/toolbar/3000/Toolbar3000.tsx      | 5 +++--
 frontend/src/toolbar/button/ToolbarButton.scss | 9 +++++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/toolbar/3000/Toolbar3000.tsx b/frontend/src/toolbar/3000/Toolbar3000.tsx
index 8cd4785511ff0..f5c64251b37c9 100644
--- a/frontend/src/toolbar/3000/Toolbar3000.tsx
+++ b/frontend/src/toolbar/3000/Toolbar3000.tsx
@@ -93,7 +93,7 @@ function MoreMenu(): JSX.Element {
                         click: true,
                     }
                 )}
-                square={true}
+                className={'ToolbarMenu__button--square-left'}
             />
         </LemonMenu>
     )
@@ -192,7 +192,7 @@ export function Toolbar3000(): JSX.Element {
                                 click: true,
                             }
                         )}
-                        className={clsx(!minimizedWidth && 'ToolbarMenu__logo--minimized-width')}
+                        className={clsx(!minimizedWidth && 'ToolbarMenu__button--square-right')}
                     />
                 </Tooltip>
                 {!minimizedWidth ? <LemonDivider vertical={true} className={'h-full bg-border-bold-3000'} /> : null}
@@ -296,6 +296,7 @@ export function Toolbar3000(): JSX.Element {
                                 square={true}
                             />
                         </Tooltip>
+                        <LemonDivider vertical={true} className={'h-full bg-border-bold-3000'} />
                         <MoreMenu />
                     </>
                 ) : null}
diff --git a/frontend/src/toolbar/button/ToolbarButton.scss b/frontend/src/toolbar/button/ToolbarButton.scss
index d748213243ad8..8201da8248777 100644
--- a/frontend/src/toolbar/button/ToolbarButton.scss
+++ b/frontend/src/toolbar/button/ToolbarButton.scss
@@ -54,13 +54,18 @@
     transition-timing-function: ease;
     filter: drop-shadow(1px 2px 2px var(--trace-3000));
 
-    .ToolbarMenu__logo--minimized-width {
+    .ToolbarMenu__button--square-right {
         border-bottom-right-radius: 0;
         border-top-right-radius: 0;
     }
 
+    .ToolbarMenu__button--square-left {
+        border-bottom-left-radius: 0;
+        border-top-left-radius: 0;
+    }
+
     // fixed width so that animations work when changing width
-    width: 15.5rem;
+    width: 15.1rem;
 
     &.Toolbar3000--minimized-width {
         width: 2.5rem;