diff --git a/src/theme/components.ts b/src/theme/components.ts
index f605f8bf2..b04270d12 100644
--- a/src/theme/components.ts
+++ b/src/theme/components.ts
@@ -1,6 +1,7 @@
 import { Components, Theme } from '@mui/material';
 import { MuiAppBar } from './components/appbar.modifiter';
 import { MuiButton } from './components/button.modifier';
+import { MuiButtonGroup } from './components/buttongroup.modifier';
 import { MuiCard } from './components/card.modifier';
 import { MuiCheckbox } from './components/checkbox.modifier';
 import { MuiCollapse } from './components/collapse.modifier';
@@ -35,6 +36,7 @@ export const components: Components<Theme> = {
   MuiSvgIcon,
   MuiTab,
   MuiSwitch,
+  MuiButtonGroup,
   MuiButton,
   MuiListItem
 };
diff --git a/src/theme/components/buttongroup.modifier.ts b/src/theme/components/buttongroup.modifier.ts
new file mode 100644
index 000000000..28cb2fee6
--- /dev/null
+++ b/src/theme/components/buttongroup.modifier.ts
@@ -0,0 +1,9 @@
+import { Components, Theme } from '@mui/material';
+
+export const MuiButtonGroup: Components<Theme>['MuiButtonGroup'] = {
+  styleOverrides: {
+    grouped: ({ theme }) => ({
+      borderColor: theme.palette.common.white
+    })
+  }
+};