diff --git a/src/components/HeroSection/HeroSection.css b/src/components/HeroSection/HeroSection.css
index cdd912cb..d791ef7d 100644
--- a/src/components/HeroSection/HeroSection.css
+++ b/src/components/HeroSection/HeroSection.css
@@ -47,6 +47,7 @@
 
 .mobileSearchButton {
   border-radius: 4px;
+  flex-shrink: 0;
 
   @media (--desktopViewport) {
     display: none;
diff --git a/src/containers/LandingPage/LandingPage.css b/src/containers/LandingPage/LandingPage.css
index a96a1b6e..6ccb2f67 100644
--- a/src/containers/LandingPage/LandingPage.css
+++ b/src/containers/LandingPage/LandingPage.css
@@ -5,11 +5,11 @@
 }
 
 .hero {
-  height: calc(100vh - var(--topbarHeight));
+  min-height: calc(100vh - var(--topbarHeight));
   padding: 0 24px 98px 24px;
 
   @media (--desktopViewport) {
-    height: calc(100vh - var(--topbarHeightDesktop));
+    min-height: calc(100vh - var(--topbarHeightDesktop));
   }
 
   @media (min-width: 768px) {