From 8284a1599da29aca41f654ace4537a30b700008c Mon Sep 17 00:00:00 2001
From: Tal-Ben-Avi <talb@webiya.co.il>
Date: Tue, 7 May 2024 11:02:01 +0300
Subject: [PATCH 1/3] fixing NavbarStickyBanner responsiveness

---
 .../(components)/NavbarStickyBanner/NavbarStickyBanner.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx b/workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx
index af38794071..b6b2f16237 100644
--- a/workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx
+++ b/workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx
@@ -53,7 +53,7 @@ const NavbarStickyBanner = ({
             textAlign={{ base: "left", md: "center" }}
             color="white"
             _dark={{ color: "snNavy" }}
-            width={{ base: "245px", sm: "unset" }}
+            width={{ base: "unset", sm: "245px" }}
           >
             {text}
           </Text>

From ff1066511550f3f322fce596f87a61eb995b2314 Mon Sep 17 00:00:00 2001
From: Tal-Ben-Avi <talb@webiya.co.il>
Date: Wed, 8 May 2024 11:55:34 +0300
Subject: [PATCH 2/3] update nav sticky banner ui changes

---
 .../(components)/NavbarStickyBanner/NavbarStickyBanner.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx b/workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx
index b6b2f16237..4845fec92d 100644
--- a/workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx
+++ b/workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx
@@ -38,7 +38,7 @@ const NavbarStickyBanner = ({
   return (
     <ClientOnly>
       <Center
-        px={{ base: 2, xl: "unset" }}
+        px={{ base: 4, xl: "unset" }}
         bgColor="snNavy"
         display={isOpen ? "flex" : "none"}
         overflow="hidden"
@@ -53,7 +53,7 @@ const NavbarStickyBanner = ({
             textAlign={{ base: "left", md: "center" }}
             color="white"
             _dark={{ color: "snNavy" }}
-            width={{ base: "unset", sm: "245px" }}
+            width={{ base: "unset", sm: "245px", md: "unset" }}
           >
             {text}
           </Text>

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 3/3] 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",