From 2868ab2d00340be58b152a85c5c87e1548600809 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Fri, 29 Sep 2023 22:32:43 -0400
Subject: [PATCH] fix: Floating toolbar overflow

---
 app/editor/components/FloatingToolbar.tsx |  1 -
 app/editor/components/ToolbarMenu.tsx     | 13 +++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/editor/components/FloatingToolbar.tsx b/app/editor/components/FloatingToolbar.tsx
index 8bdd69f26..49a184aa5 100644
--- a/app/editor/components/FloatingToolbar.tsx
+++ b/app/editor/components/FloatingToolbar.tsx
@@ -270,7 +270,6 @@ const Wrapper = styled.div<WrapperProps>`
   box-sizing: border-box;
   pointer-events: none;
   white-space: nowrap;
-  overflow: hidden;
 
   ${arrow}
 
diff --git a/app/editor/components/ToolbarMenu.tsx b/app/editor/components/ToolbarMenu.tsx
index 585c8d1fe..e572b71cd 100644
--- a/app/editor/components/ToolbarMenu.tsx
+++ b/app/editor/components/ToolbarMenu.tsx
@@ -17,12 +17,6 @@ type Props = {
   items: MenuItem[];
 };
 
-const FlexibleWrapper = styled.div`
-  color: ${s("textSecondary")};
-  display: flex;
-  gap: 8px;
-`;
-
 /*
  * Renders a dropdown menu in the floating toolbar.
  */
@@ -120,6 +114,13 @@ function ToolbarMenu(props: Props) {
   );
 }
 
+const FlexibleWrapper = styled.div`
+  color: ${s("textSecondary")};
+  overflow: hidden;
+  display: flex;
+  gap: 8px;
+`;
+
 const Arrow = styled(ExpandedIcon)`
   margin-right: -4px;
   color: ${s("textSecondary")};