From 5ae21bd224e815ee361f077d53872edd7d57af78 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 10 Jun 2025 17:37:43 -0700
Subject: [PATCH] fix icon alignment for context menu items

---
 src/renderer/components/context-menu/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/context-menu/index.tsx b/src/renderer/components/context-menu/index.tsx
index ef88a507..aff352a2 100644
--- a/src/renderer/components/context-menu/index.tsx
+++ b/src/renderer/components/context-menu/index.tsx
@@ -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>