From 4dd9b03ba3c52407638642130b6f0f565d243a1b Mon Sep 17 00:00:00 2001
From: Linden <65407488+thelindat@users.noreply.github.com>
Date: Tue, 21 Feb 2023 23:54:02 +1100
Subject: [PATCH] refactor(web/radial): add stroke to center circle

---
 web/src/features/menu/radial/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/features/menu/radial/index.tsx b/web/src/features/menu/radial/index.tsx
index 7f73735..e83cd50 100644
--- a/web/src/features/menu/radial/index.tsx
+++ b/web/src/features/menu/radial/index.tsx
@@ -34,6 +34,8 @@ const useStyles = createStyles((theme) => ({
   centerCircle: {
     fill: theme.fn.primaryColor(),
     color: '#fff',
+    stroke: theme.colors.dark[6],
+    strokeWidth: 4,
     '&:hover': {
       fill: theme.colors[theme.primaryColor][theme.fn.primaryShade() - 1],
       cursor: 'pointer',
@@ -131,7 +133,7 @@ const RadialMenu: React.FC = () => {
                 }
               }}
             >
-              <circle r={30} className={classes.centerCircle} />
+              <circle r={32} className={classes.centerCircle} />
             </g>
           </svg>
           <div className={classes.centerIconContainer}>