fix(GoalPage): wrap content in dropdown items

taskany-inc · May 18, 2023 · 9597243 · 9597243
1 parent bd1a611
commit 9597243
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/GoalPage/GoalPage.tsx b/src/components/GoalPage/GoalPage.tsx
@@ -116,6 +116,11 @@ const StyledCardActions = styled.div`
     }
 `;
 
+const StyledMenuItem = styled(MenuItem)`
+    display: flex;
+    justify-content: start;
+`;
+
 export const GoalPage = ({ user, locale, ssrTime, params: { id } }: ExternalPageProps<{ id: string }>) => {
     const router = useRouter();
 
@@ -321,7 +326,7 @@ export const GoalPage = ({ user, locale, ssrTime, params: { id } }: ExternalPage
                                                 <MoreVerticalIcon size="xs" ref={ref} onClick={onClick} />
                                             )}
                                             renderItem={({ item, cursor, index, onClick }) => (
-                                                <MenuItem
+                                                <StyledMenuItem
                                                     key={item.label}
                                                     ghost
                                                     color={item.color}
@@ -330,7 +335,7 @@ export const GoalPage = ({ user, locale, ssrTime, params: { id } }: ExternalPage
                                                     onClick={onClick}
                                                 >
                                                     {item.label}
-                                                </MenuItem>
+                                                </StyledMenuItem>
                                             )}
                                         />
                                     </span>