Fix header dropdown wrapping at zoom

Author: apples-kksk

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;
 `

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;