fix icon alignment for context menu items

2026-05-07 04:20:12 +02:00 · 2025-06-10 17:37:43 -07:00
parent 12d293a74c
commit 5ae21bd224
1 changed files with 3 additions and 3 deletions
@@ -1,4 +1,4 @@
-import { Box, Group, UnstyledButton, UnstyledButtonProps } from '@mantine/core';
+import { Box, Flex, Group, UnstyledButton, UnstyledButtonProps } from '@mantine/core';
 import { motion, Variants } from 'framer-motion';
 import { ComponentPropsWithoutRef, forwardRef, ReactNode, Ref } from 'react';
 import styled from 'styled-components';
@@ -81,8 +81,8 @@ export const ContextMenuButton = forwardRef(
                ref={ref}
            >
                <Group position="apart">
-                    <Group spacing="md">
-                        <Box>{leftIcon}</Box>
+                    <Group align="center">
+                        <Flex>{leftIcon}</Flex>
                        <Box mr="2rem">{children}</Box>
                    </Group>
                    <Box>{rightIcon}</Box>