diff --git a/src/App.tsx b/src/App.tsx
index 75d3fbe..5e3218f 100755
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -62,22 +62,35 @@ export const applyThemeWithOverrides = (themeConfig: ThemeOptions): ThemeOptions
         styleOverrides: {
           root: {
             textTransform: "none",
+            borderRadius: 4,
+            border: "1px solid transparent",
+            transition: "all 0.2s ease",
+            minWidth: 48,
+            minHeight: 32,
+            padding: "4px 12px",
+            "&:hover": {
+              backgroundColor: "rgba(0, 0, 0, 0.04)",
+            },
+            "&.Mui-selected": {
+              backgroundColor: "rgba(25, 118, 210, 0.1)",
+              color: "rgb(25, 118, 210)",
+              borderColor: "rgba(25, 118, 210, 0.3)",
+              "&:hover": {
+                backgroundColor: "rgba(25, 118, 210, 0.15)",
+              },
+            },
           },
         },
       },
       MuiToggleButtonGroup: {
         styleOverrides: {
           grouped: {
-            margin: 4,
+            margin: 2,
             border: 0,
             borderRadius: 4,
             "&.Mui-disabled": {
               border: 0,
             },
-            "&.MuiToggleButtonGroup-middleButton, &.MuiToggleButtonGroup-lastButton": {
-              marginLeft: -1,
-              borderLeft: "1px solid transparent",
-            },
           },
         },
       },