diff --git a/src/stylesheets/HeroSection.css b/src/stylesheets/HeroSection.css
index 084b5a89..191a3a03 100644
--- a/src/stylesheets/HeroSection.css
+++ b/src/stylesheets/HeroSection.css
@@ -13,7 +13,7 @@
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
-  height: 100%; /*Changing this to 100% breaks the homepage desktop layout*/
+  height: 100vh; /*Changing this to 100% breaks the homepage desktop layout*/
   width: 100%;
   box-shadow: inset 0 0 0 1000px rgb(34 27 49 / 57%);
   object-fit: contain;