From 13f2f6de5d643c564e51622275208e671648b555 Mon Sep 17 00:00:00 2001
From: Kyle Carberry <kyle@carberry.com>
Date: Thu, 5 Oct 2023 22:40:46 +0000
Subject: [PATCH] fix: apply the same border for button groups

---
 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 1cb837754c719..1f2a8078a0820 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: {