diff --git a/web/src/features/menu/context/components/ContextButton.tsx b/web/src/features/menu/context/components/ContextButton.tsx
index 752628a..1953621 100644
--- a/web/src/features/menu/context/components/ContextButton.tsx
+++ b/web/src/features/menu/context/components/ContextButton.tsx
@@ -16,9 +16,6 @@ const useStyles = createStyles((theme, params: { disabled?: boolean }) => ({
   inner: {
     justifyContent: 'flex-start',
   },
-  root: {
-    border: 'none',
-  },
   label: {
     width: '100%',
     color: params.disabled ? theme.colors.dark[3] : theme.colors.dark[0],
@@ -53,7 +50,7 @@ const ContextButton: React.FC<{
       >
         <HoverCard.Target>
           <Button
-            classNames={{ inner: classes.inner, label: classes.label, root: classes.root }}
+            classNames={{ inner: classes.inner, label: classes.label }}
             onClick={() => (!button.disabled ? (button.menu ? openMenu(button.menu) : clickContext(buttonKey)) : null)}
             variant="default"
             h="fit-content"
diff --git a/web/src/theme/index.ts b/web/src/theme/index.ts
index 51f51b1..b0d21e1 100644
--- a/web/src/theme/index.ts
+++ b/web/src/theme/index.ts
@@ -4,4 +4,13 @@ export const theme: MantineThemeOverride = {
   colorScheme: 'dark',
   fontFamily: 'Roboto',
   shadows: { sm: '1px 1px 3px rgba(0, 0, 0, 0.5)' },
+  components: {
+    Button: {
+      styles: {
+        root: {
+          border: 'none',
+        },
+      },
+    },
+  },
 };