From 1217242f0c5cfdc09aebbb3ef1e278462af3f31a Mon Sep 17 00:00:00 2001
From: Hans <visaocuoitroi193@gmail.com>
Date: Tue, 25 Feb 2025 09:58:00 +0700
Subject: [PATCH] fix card title cutt off

---
 src/components/CaretWrapper.tsx                          | 9 ++++++---
 .../WorkspaceCompanyCardsListHeaderButtons.tsx           | 6 +++---
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/CaretWrapper.tsx b/src/components/CaretWrapper.tsx
index d34b173976709..a5c6525e908ff 100644
--- a/src/components/CaretWrapper.tsx
+++ b/src/components/CaretWrapper.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import type {ViewStyle} from 'react-native';
 import {View} from 'react-native';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
@@ -7,14 +8,16 @@ import type ChildrenProps from '@src/types/utils/ChildrenProps';
 import Icon from './Icon';
 import * as Expensicons from './Icon/Expensicons';
 
-type CaretWrapperProps = ChildrenProps;
+type CaretWrapperProps = ChildrenProps & {
+    style?: ViewStyle;
+};
 
-function CaretWrapper({children}: CaretWrapperProps) {
+function CaretWrapper({children, style}: CaretWrapperProps) {
     const theme = useTheme();
     const styles = useThemeStyles();
 
     return (
-        <View style={[styles.flexRow, styles.gap1, styles.alignItemsCenter]}>
+        <View style={[styles.flexRow, styles.gap1, styles.alignItemsCenter, style]}>
             {children}
             <Icon
                 src={Expensicons.DownArrow}
diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardsListHeaderButtons.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardsListHeaderButtons.tsx
index 037aa2fdfe8bb..5f781ba27bd79 100644
--- a/src/pages/workspace/companyCards/WorkspaceCompanyCardsListHeaderButtons.tsx
+++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardsListHeaderButtons.tsx
@@ -66,10 +66,10 @@ function WorkspaceCompanyCardsListHeaderButtons({policyID, selectedFeed, shouldS
                         width={variables.cardIconWidth}
                         additionalStyles={styles.cardIcon}
                     />
-                    <View>
+                    <View style={styles.flex1}>
                         <View style={[styles.flexRow, styles.gap1]}>
-                            <CaretWrapper>
-                                <Text style={styles.textStrong}>{formattedFeedName}</Text>
+                            <CaretWrapper style={styles.flex1}>
+                                <Text style={[styles.textStrong, styles.flexShrink1]}>{formattedFeedName}</Text>
                             </CaretWrapper>
                             {checkIfFeedConnectionIsBroken(flatAllCardsList(allFeedsCards, workspaceAccountID), selectedFeed) && (
                                 <Icon