From 51494f2c6aef5e88947e872f41e7e0a612eaf3ae Mon Sep 17 00:00:00 2001
From: Rebeka <rebeka.dekany@overleaf.com>
Date: Fri, 1 Sep 2023 19:34:17 +0200
Subject: [PATCH] fix: adjust the banner height for small screen size

GitOrigin-RevId: 53c807d0cd24128ffc250fbda028cfdd19bbf359
---
 services/web/frontend/stylesheets/app/homepage.less | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/services/web/frontend/stylesheets/app/homepage.less b/services/web/frontend/stylesheets/app/homepage.less
index 6852be0a0f..4ee84c5480 100644
--- a/services/web/frontend/stylesheets/app/homepage.less
+++ b/services/web/frontend/stylesheets/app/homepage.less
@@ -339,12 +339,19 @@
     border: 1px solid @blue-20;
     color: @neutral-90;
     .banner-row {
-      height: 56px;
+      min-height: 56px;
       display: flex;
       justify-content: center;
       align-content: center;
       flex-wrap: wrap;
     }
+
+    @media only screen and (max-width: @screen-sm-max) {
+      .banner-row {
+        min-height: 100px;
+      }
+    }
+
     .claim-my-discount {
       font-size: 14px;
       font-weight: 700;