Wrap separator and text inside of text to glue it together

Expensify · Dec 5, 2023 · 3dd6fca · 3dd6fca
1 parent fdad0cc
commit 3dd6fca
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git 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
@@ -1393,6 +1393,7 @@ const styles = (theme: ThemeColors) =>
 
         breadcrumbSeparator: {
             marginTop: 0,
+            marginRight: 4,
             color: colors.darkIcons,
             fontSize: variables.fontSizeXLarge,
         },
-Original file line number
+Diff line change
@@ Expand Up / @@ -48,10 +48,10 @@ function Breadcrumbs({breadcrumbs}: BreadcrumbsProps) { @@
                                     />
                                 </View>
                             ) : (
-                                <>
+                                <Text>
                                     {index !== 0 && <Text style={separatorStyle}>/</Text>}
                                     <Text style={style}>{breadcrumb.text}</Text>
-                                </>
+                                </Text>
                             )}
                         </Fragment>
                     );
@@ Expand Down @@