diff --git a/src/styles/pages/indexPageStyle.js b/src/styles/pages/indexPageStyle.js
index 0d588dec..2f352553 100644
--- a/src/styles/pages/indexPageStyle.js
+++ b/src/styles/pages/indexPageStyle.js
@@ -4,6 +4,7 @@ import { makeStyles } from '@material-ui/core/styles';
 
 export const useStyles = makeStyles((theme) => ({
   root: {
+    minHeight: '100vh',
     backgroundColor: theme.palette.primary.main,
     [theme.breakpoints.up('md')]: {
       height: '100%',