From 3dd6fcad8f1687104ece0ef4471975f6e0de2b36 Mon Sep 17 00:00:00 2001
From: Maciej Dobosz <maciej.dobosz@swmansion.com>
Date: Tue, 5 Dec 2023 16:14:10 +0100
Subject: [PATCH] Wrap separator and text inside of text to glue it together

---
 src/components/Breadcrumbs.tsx | 4 ++--
 src/styles/styles.ts           | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Breadcrumbs.tsx b/src/components/Breadcrumbs.tsx
index ba56aa5b7f93..1b4fd62973c3 100644
--- a/src/components/Breadcrumbs.tsx
+++ b/src/components/Breadcrumbs.tsx
@@ -48,10 +48,10 @@ function Breadcrumbs({breadcrumbs}: BreadcrumbsProps) {
                                 />
                             </View>
                         ) : (
-                            <>
+                            <Text>
                                 {index !== 0 && <Text style={separatorStyle}>/</Text>}
                                 <Text style={style}>{breadcrumb.text}</Text>
-                            </>
+                            </Text>
                         )}
                     </Fragment>
                 );
diff --git a/src/styles/styles.ts b/src/styles/styles.ts
index f744d6d4ed9c..141c84efde00 100644
--- a/src/styles/styles.ts
+++ b/src/styles/styles.ts
@@ -1393,6 +1393,7 @@ const styles = (theme: ThemeColors) =>
 
         breadcrumbSeparator: {
             marginTop: 0,
+            marginRight: 4,
             color: colors.darkIcons,
             fontSize: variables.fontSizeXLarge,
         },