From 8b916279ae2510a7657392f411fd4a5779d5d49f Mon Sep 17 00:00:00 2001
From: Tal-Ben-Avi <talb@webiya.co.il>
Date: Wed, 8 May 2024 15:43:12 +0300
Subject: [PATCH] Changing font size and number of rows according to screen
 size.

---
 .../NavbarStickyBanner/NavbarStickyBanner.tsx             | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx b/workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx
index 4845fec92d..5667d144d4 100644
--- a/workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx
+++ b/workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx
@@ -43,7 +43,7 @@ const NavbarStickyBanner = ({
         display={isOpen ? "flex" : "none"}
         overflow="hidden"
         transition="max-height 1.5s"
-        gap={{ xs: 3, base: 6 }}
+        gap={{ base: 2, md: 6 }}
         py={2}
         zIndex={10}
         _dark={{ bgColor: "surfaceAccent" }}
@@ -54,6 +54,8 @@ const NavbarStickyBanner = ({
             color="white"
             _dark={{ color: "snNavy" }}
             width={{ base: "unset", sm: "245px", md: "unset" }}
+            fontSize={{ base: "12px", sm: "14px", lg: "unset" }}
+            noOfLines={2}
           >
             {text}
           </Text>
@@ -67,7 +69,7 @@ const NavbarStickyBanner = ({
             color="snNavy"
             fontWeight={600}
             lineHeight="21px"
-            fontSize={{ base: 12, sm: 14 }}
+            fontSize={14}
             _dark={{
               color: "white",
               bgColor: "darkMode.card",
@@ -83,7 +85,7 @@ const NavbarStickyBanner = ({
           width="22px"
           height="22px"
           aria-label="Close"
-          mx={3}
+          mx={2}
           _dark={{
             color: "darkMode.card",
             bgColor: "transparent",