diff --git a/views/index.ejs b/views/index.ejs
index 1e375e4..8c4dce4 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -9,7 +9,7 @@
 	<%- include('partials/header'); %>
 		<style>
 			html {
-				height: 100%;
+				height: 100vh;
 				overflow-x: auto;
 				overflow-y: scroll;
 				margin: 0;
@@ -17,7 +17,10 @@
 			}
 
 			body {
-				min-height: 100%;
+				display: flex;
+				min-height: 100vh;
+				flex-direction: column;
+				justify-content: space-between;
 			}
 
 			.grid-container {
@@ -50,6 +53,7 @@
 				width: 80%;
 				margin: auto;
 				margin-top: 50px;
+				margin-bottom: 100px;
 			}
 		</style>
 		<div class="middle-content">
diff --git a/views/partials/footer.ejs b/views/partials/footer.ejs
index 7b1df18..b98dd14 100644
--- a/views/partials/footer.ejs
+++ b/views/partials/footer.ejs
@@ -9,7 +9,7 @@
 	width: 100%;
 	background-color: #414854;
 	clear: both;
-	position: relative;
+	position: flex;
 	height: 65px;
 	margin-top: -56px;
 	}