From 8a3983f1f247f1cf21f3862c2b54a2955549155a Mon Sep 17 00:00:00 2001
From: apple <245524539+apples-kksk@users.noreply.github.com>
Date: Sun, 10 May 2026 14:45:16 +0800
Subject: [PATCH] Fix header dropdown wrapping at zoom

---
 src/cloud/components/Editor/EditorHeaderToolDropdown.tsx | 5 ++++-
 src/cloud/components/Editor/styled.ts                    | 3 ++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/cloud/components/Editor/EditorHeaderToolDropdown.tsx b/src/cloud/components/Editor/EditorHeaderToolDropdown.tsx
index 9c63ca8f62..7475f51090 100644
--- a/src/cloud/components/Editor/EditorHeaderToolDropdown.tsx
+++ b/src/cloud/components/Editor/EditorHeaderToolDropdown.tsx
@@ -105,12 +105,15 @@ export default EditorHeaderToolDropdown
 const StyledMenuItem = styled.div`
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
+  width: 100%;
+  white-space: nowrap;
 `
 
 const StyledIcon = styled.div`
   display: flex;
   align-items: center;
+  flex: 0 0 auto;
   padding-right: ${({ theme }) => theme.sizes.spaces.sm}px;
   font-size: 21px;
 `
diff --git a/src/cloud/components/Editor/styled.ts b/src/cloud/components/Editor/styled.ts
index 2d5d75c172..8e69bd632d 100644
--- a/src/cloud/components/Editor/styled.ts
+++ b/src/cloud/components/Editor/styled.ts
@@ -47,9 +47,10 @@ export const StyledEditorToolDropdownContainer = styled.div`
   z-index: 9000;
   position: absolute;
   padding: ${({ theme }) => theme.sizes.spaces.xsm}px 0;
-  width: 110px;
+  width: 132px;
   height: auto;
   min-width: 100%;
+  box-sizing: border-box;
   border-style: solid;
   border-width: 1px;
   border-radius: 4px;