fix: apply the same border for button groups (#10092)

kylecarbs · web-flow · commit 4ad080c3b9da · 2023-10-05T17:44:45.000-05:00
diff --git a/site/src/theme/theme.ts b/site/src/theme/theme.ts
@@ -206,6 +206,16 @@ dark = createTheme(dark, {
         },
       },
     },
+    MuiButtonGroup: {
+      styleOverrides: {
+        root: {
+          ">button:hover+button": {
+            // The !important is unfortunate, but necessary for the border.
+            borderLeftColor: `${colors.gray[10]} !important`,
+          },
+        },
+      },
+    },
     MuiTableContainer: {
       styleOverrides: {
         root: {
