Merge pull request #784 from zhuje/pf-fix-btn-group

NO-JIRA: fix radius of button groups

Author: openshift-merge-bot[bot]

web/src/components/dashboards/perses/PersesWrapper.tsx

@@ -218,6 +218,28 @@ const mapPatterflyThemeToMUI = (theme: 'light' | 'dark'): ThemeOptions => {
           },
         },
       },
+      MuiButtonGroup: {
+        styleOverrides: {
+          root: {
+            // Remove border-radius from button groups to prevent pill shape
+            '& .MuiButton-root': {
+              borderRadius: 'var(--pf-t--global--border--radius--tiny) !important',
+            },
+          },
+          grouped: {
+            borderRadius: 'var(--pf-t--global--border--radius--tiny)  !important',
+          },
+          firstButton: {
+            borderRadius: 'var(--pf-t--global--border--radius--tiny)  !important',
+          },
+          lastButton: {
+            borderRadius: 'var(--pf-t--global--border--radius--tiny)  !important',
+          },
+          middleButton: {
+            borderRadius: 'var(--pf-t--global--border--radius--tiny)  !important',
+          },
+        },
+      },
       MuiFormLabel: {
         styleOverrides: {
           root: {