From f98c1725bede33b7addc9632b986bb53d2d9a089 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C4=B1dvan=20Akca?= <akca.ridvann@gmail.com>
Date: Tue, 7 Mar 2023 18:06:36 +0300
Subject: [PATCH] refactor: adjust spacing between button and chip in FlowRow
 component

---
 packages/web/src/components/FlowRow/index.tsx | 1 -
 packages/web/src/components/FlowRow/style.ts  | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/components/FlowRow/index.tsx b/packages/web/src/components/FlowRow/index.tsx
index e1504d9a..97b3d858 100644
--- a/packages/web/src/components/FlowRow/index.tsx
+++ b/packages/web/src/components/FlowRow/index.tsx
@@ -85,7 +85,6 @@ export default function FlowRow(props: FlowRowProps): React.ReactElement {
 
               <IconButton
                 size="large"
-                edge="start"
                 color="inherit"
                 aria-label="open context menu"
                 ref={contextButtonRef}
diff --git a/packages/web/src/components/FlowRow/style.ts b/packages/web/src/components/FlowRow/style.ts
index a9c63728..43a6e3b5 100644
--- a/packages/web/src/components/FlowRow/style.ts
+++ b/packages/web/src/components/FlowRow/style.ts
@@ -30,11 +30,11 @@ export const Title = styled(MuiStack)(() => ({
   gridArea: 'title',
 }));
 
-export const ContextMenu = styled(MuiBox)(() => ({
+export const ContextMenu = styled(MuiBox)(({ theme }) => ({
   flexDirection: 'row',
   display: 'flex',
   alignItems: 'center',
-  gap: 10,
+  gap: theme.spacing(0.625),
   gridArea: 'menu',
 }));
 export const Typography = styled(MuiTypography)(() => ({