diff --git a/src/assets/stylesheets/index.scss b/src/assets/stylesheets/index.scss
index 5621f0502725d5397ef49458d68bb8caddc22fd1..201d64f110de409cb55370d632cad72ee569c03c 100644
--- a/src/assets/stylesheets/index.scss
+++ b/src/assets/stylesheets/index.scss
@@ -137,7 +137,7 @@ body {
   flex: 10;
 }
 
-@media (max-height: 812px) {
+@media (max-height: 812px) , (max-width: 768px) {
   .hero-content__container {
     flex: 0 0 auto;
   }