From d5a5ee1bb310400ecd7529febe8f75138705d52f Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Thu, 18 Apr 2024 08:22:29 +0100
Subject: [PATCH] Add trim text for hero banner

---
 src/routes/+page.svelte                      | 2 +-
 src/scss/6-elements/_hero-banner-button.scss | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5f5d81c46a..70ac9d7ef9 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -82,7 +82,7 @@
                         <span class="web-icon-star" aria-hidden="true" />
                         <span class="web-caption-500">New</span>
                         <div class="web-hero-banner-button-sep" />
-                        <span class="web-caption-400">Introducing Appwrite's React Native SDK</span>
+                        <span class="web-caption-400 web-u-trim-1">Introducing Appwrite's React Native SDK</span>
                         <span class="web-icon-arrow-right" aria-hidden="true" />
                     </a>
                     <div class="web-hero is-horizontal">
diff --git a/src/scss/6-elements/_hero-banner-button.scss b/src/scss/6-elements/_hero-banner-button.scss
index e0e164cf2d..b7b6cbad8a 100644
--- a/src/scss/6-elements/_hero-banner-button.scss
+++ b/src/scss/6-elements/_hero-banner-button.scss
@@ -41,6 +41,7 @@
   color:hsl(var(--p-hero-button-text-color));
   box-shadow:0 0 0 pxToRem(4) hsl(var(--p-hero-button-shadow-out-color));
 
+  > * { min-inline-size:0; }
   [class*="icon"] { align-self:center; }
   &-sep {
     inline-size:pxToRem(1); block-size:pxToRem(16); align-self:center;  margin-inline:pxToRem(4);