From b5881cec9dcec070a3256473d0ca02a90052614d Mon Sep 17 00:00:00 2001
From: Krishna Gupta <belivethatkg@gmail.com>
Date: Mon, 20 May 2024 22:07:03 +0530
Subject: [PATCH 1/3] fix: [Banner] text overflow on native.

Signed-off-by: Krishna Gupta <belivethatkg@gmail.com>
---
 src/components/Banner.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
index 72dc53cceb3..f47bea1ba81 100644
--- a/src/components/Banner.tsx
+++ b/src/components/Banner.tsx
@@ -75,6 +75,7 @@ function Banner({
                         style={[
                             styles.flexRow,
                             styles.alignItemsCenter,
+                            styles.justifyContentCenter,
                             styles.p5,
                             styles.borderRadiusNormal,
                             shouldHighlight ? styles.activeComponentBG : styles.hoveredComponentBG,
@@ -97,7 +98,7 @@ function Banner({
                                 <RenderHTML html={text} />
                             ) : (
                                 <Text
-                                    style={textStyles}
+                                    style={[styles.flex1, styles.flexWrap, textStyles]}
                                     onPress={onPress}
                                     suppressHighlighting
                                 >

From d151c01bec36fdb117a647004ae0ea98bafb5ccb Mon Sep 17 00:00:00 2001
From: Krishna Gupta <belivethatkg@gmail.com>
Date: Mon, 20 May 2024 22:26:15 +0530
Subject: [PATCH 2/3] fix: [Banner] text overflow on native.

Signed-off-by: Krishna Gupta <belivethatkg@gmail.com>
---
 src/components/Banner.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
index f47bea1ba81..8eb94ed2701 100644
--- a/src/components/Banner.tsx
+++ b/src/components/Banner.tsx
@@ -83,7 +83,7 @@ function Banner({
                             containerStyles,
                         ]}
                     >
-                        <View style={[styles.flexRow, styles.flexGrow1, styles.mw100, styles.alignItemsCenter]}>
+                        <View style={[styles.flexRow, styles.flex1, styles.mw100, styles.alignItemsCenter]}>
                             {shouldShowIcon && icon && (
                                 <View style={[styles.mr3]}>
                                     <Icon

From 103cca5aec8a259332265987c61290c100e9a4e5 Mon Sep 17 00:00:00 2001
From: Krishna Gupta <belivethatkg@gmail.com>
Date: Mon, 20 May 2024 22:29:04 +0530
Subject: [PATCH 3/3] minor styling fix.

Signed-off-by: Krishna Gupta <belivethatkg@gmail.com>
---
 src/components/Banner.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
index 8eb94ed2701..4e5c238fd69 100644
--- a/src/components/Banner.tsx
+++ b/src/components/Banner.tsx
@@ -75,7 +75,6 @@ function Banner({
                         style={[
                             styles.flexRow,
                             styles.alignItemsCenter,
-                            styles.justifyContentCenter,
                             styles.p5,
                             styles.borderRadiusNormal,
                             shouldHighlight ? styles.activeComponentBG : styles.hoveredComponentBG,