Merge pull request #309 from lifeomic/fix-breakpoints-down

fix: breakpoints.down MUI v5 breaking change
lifeomic · Oct 19, 2022 · 82d8de4 · 82d8de4
2 parents b81ec5c + 8810870
commit 82d8de4
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/PageHeader/PageHeader.tsx b/src/components/PageHeader/PageHeader.tsx
@@ -17,7 +17,7 @@ export const useStyles = makeStyles(
       marginBottom: 0,
       minHeight: theme.pxToRem(82),
       paddingTop: theme.spacing(3),
-      [theme.breakpoints.down('sm')]: {
+      [theme.breakpoints.down('md')]: {
         flexWrap: 'wrap',
       },
     },
@@ -33,13 +33,13 @@ export const useStyles = makeStyles(
     },
     title: {
       flex: 1,
-      [theme.breakpoints.down('sm')]: {
+      [theme.breakpoints.down('md')]: {
         flexBasis: 'auto',
       },
     },
     left: {
       flex: 1,
-      [theme.breakpoints.down('sm')]: {
+      [theme.breakpoints.down('md')]: {
         flexBasis: 'auto',
       },
     },
@@ -50,7 +50,7 @@ export const useStyles = makeStyles(
       display: 'flex',
       justifyContent: 'center',
       flex: 1,
-      [theme.breakpoints.down('sm')]: {
+      [theme.breakpoints.down('md')]: {
         justifyContent: 'flex-start',
         flexBasis: '100%',
         margin: theme.spacing(2, 0, 4),
@@ -61,7 +61,7 @@ export const useStyles = makeStyles(
       display: 'flex',
       justifyContent: 'flex-end',
       flex: 1,
-      [theme.breakpoints.down('sm')]: {
+      [theme.breakpoints.down('md')]: {
         flexBasis: 'auto',
       },
     },