From 4ad080c3b9da1f97c716b4505744c73729d36c14 Mon Sep 17 00:00:00 2001
From: Kyle Carberry <kyle@coder.com>
Date: Thu, 5 Oct 2023 17:44:45 -0500
Subject: [PATCH] fix: apply the same border for button groups (#10092)

---
 site/src/theme/theme.ts | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/site/src/theme/theme.ts b/site/src/theme/theme.ts
index 1cb837754c..1f2a8078a0 100644
--- 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: {