diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js
index ff117bc3b3..678e948792 100644
--- a/src/components/Home/Home.js
+++ b/src/components/Home/Home.js
@@ -11,7 +11,7 @@ function Home() {
       <Container fluid className="home-section" id="home">
         <Particle />
         <Container className="home-content">
-          <Row>
+          <Row className="home-row">
             <Col md={7} className="home-header">
               <h1 style={{ paddingBottom: 15 }} className="heading">
                 Hi There!{" "}
diff --git a/src/style.css b/src/style.css
index ce5f1bebf6..c6df5d4f4c 100644
--- a/src/style.css
+++ b/src/style.css
@@ -254,6 +254,13 @@ button:focus {
   padding-top: 80px !important;
 }
 
+.home-row {
+  height: 100% !important;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .home-section {
   position: relative;
   z-index: -1;
@@ -265,9 +272,9 @@ button:focus {
 }
 
 .home-content {
-  padding: 9rem 0 2rem !important;
   color: whitesmoke;
   text-align: left;
+  height: 100vh !important;
 }
 
 .heading {