change borderRadius

src/App.tsx

@@ -21,7 +21,7 @@ export const applyThemeWithOverrides = (themeConfig: ThemeOptions): ThemeOptions
     ...themeConfig,
     shape: {
       ...themeConfig.shape,
-      borderRadius: 12,
+      borderRadius: 4,
     },
     components: {
       MuiCssBaseline: {
@@ -63,7 +63,7 @@ export const applyThemeWithOverrides = (themeConfig: ThemeOptions): ThemeOptions
       MuiListItemButton: {
         styleOverrides: {
           root: {
-            borderRadius: 12,
+            borderRadius: 4,
           },
         },
       },
@@ -82,7 +82,7 @@ export const applyThemeWithOverrides = (themeConfig: ThemeOptions): ThemeOptions
       MuiMenu: {
         styleOverrides: {
           paper: {
-            borderRadius: "8px",
+            borderRadius: "4px",
           },
           list: {
             padding: "4px 0",
@@ -106,7 +106,7 @@ export const applyThemeWithOverrides = (themeConfig: ThemeOptions): ThemeOptions
       MuiMenuItem: {
         styleOverrides: {
           root: {
-            borderRadius: "8px",
+            borderRadius: "4px",
             margin: "0px 4px",
             paddingLeft: "8px",
             paddingRight: "8px",
@@ -127,7 +127,7 @@ export const applyThemeWithOverrides = (themeConfig: ThemeOptions): ThemeOptions
             "&:hover:not(.Mui-disabled, .Mui-error):before": {
               borderBottom: "none",
             },
-            borderRadius: 12,
+            borderRadius: 4,
             // '&:hover:not(.Mui-disabled, .Mui-error):before': {
             //   borderBottom: '2px solid var(--TextField-brandBorderHoverColor)',
             // },
@@ -271,7 +271,7 @@ const getPreferredTheme = (
 
 const StyledMaterialDesignContent = styled(MaterialDesignContent)(({ theme }) => ({
   "&.notistack-MuiContent": {
-    borderRadius: 12,
+    borderRadius: 4,
   },
   "&.notistack-MuiContent-success": {
     backgroundColor: theme.palette.success.main,