diff --git a/css/main.css b/css/main.css
index 59b1c1e96..59dcf4bbc 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,5 +1,15 @@
 body {
   margin: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  height: 100vh;
 }
 
 .calendar {
diff --git a/src/styles/main.scss b/src/styles/main.scss
index e0351a386..17e12cbf1 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -11,6 +11,10 @@ $max-width: $columns * $day-size + (($columns - 1) * $gap);
 
 body {
   margin: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
 }
 
 .calendar {