diff --git a/package/src/components/Header.tsx b/package/src/components/Header.tsx
index 8d793f3..a37e0bc 100644
--- a/package/src/components/Header.tsx
+++ b/package/src/components/Header.tsx
@@ -79,7 +79,7 @@ const Header: React.FunctionComponent<HeaderProps> = ({
   };
 
   return (
-    <Grid container justify="space-between" alignItems="center">
+    <Grid container justifyContent="space-between" alignItems="center">
       <Grid item className={classes.iconContainer}>
         <IconButton
           className={classes.icon}
diff --git a/package/src/components/Menu.tsx b/package/src/components/Menu.tsx
index 37221fe..00c90b9 100644
--- a/package/src/components/Menu.tsx
+++ b/package/src/components/Menu.tsx
@@ -100,7 +100,7 @@ const Menu: React.FunctionComponent<MenuProps> = (props: MenuProps) => {
             </Grid>
           </Grid>
           <Divider />
-          <Grid container direction="row" justify="center" wrap="nowrap">
+          <Grid container direction="row" justifyContent="center" wrap="nowrap">
             <Month
               {...commonProps}
               value={firstMonth}
diff --git a/package/src/components/Month.tsx b/package/src/components/Month.tsx
index 94f278a..5823110 100644
--- a/package/src/components/Month.tsx
+++ b/package/src/components/Month.tsx
@@ -97,7 +97,7 @@ const Month: React.FunctionComponent<MonthProps> = (props: MonthProps) => {
           item
           container
           direction="row"
-          justify="space-between"
+          justifyContent="space-between"
           className={classes.weekDaysContainer}
         >
           {WEEK_DAYS.map((day) => (
@@ -111,12 +111,12 @@ const Month: React.FunctionComponent<MonthProps> = (props: MonthProps) => {
           item
           container
           direction="column"
-          justify="space-between"
+          justifyContent="space-between"
           className={classes.daysContainer}
         >
           {chunks(getDaysInMonth(date), 7).map((week, idx) => (
             // eslint-disable-next-line react/no-array-index-key
-            <Grid key={idx} container direction="row" justify="center">
+            <Grid key={idx} container direction="row" justifyContent="center">
               {week.map((day) => {
                 const isStart = isStartOfRange(dateRange, day);
                 const isEnd = isEndOfRange(dateRange, day);