diff --git a/src/cloud/components/Editor/EditorHeaderToolDropdown.tsx b/src/cloud/components/Editor/EditorHeaderToolDropdown.tsx index 9c63ca8f6..7475f5109 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 2d5d75c17..8e69bd632 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;