diff --git a/src/components/LabelWithInfo.tsx b/src/components/LabelWithInfo.tsx
index 329a6730f84..bbfe092fcdd 100644
--- a/src/components/LabelWithInfo.tsx
+++ b/src/components/LabelWithInfo.tsx
@@ -14,11 +14,13 @@ export function LabelWithInfo({
   iconSize = 16,
   testID,
   style,
+  numberOfLines,
 }: {
   label: string
   onPress?: () => void
   labelStyle?: StyleProp<TextStyle>
   iconSize?: number
+  numberOfLines?: number | undefined
   testID?: string
   style?: StyleProp<ViewStyle>
 }) {
@@ -30,7 +32,7 @@ export function LabelWithInfo({
       disabled={!onPress}
     >
       <>
-        <Text style={[styles.labelText, labelStyle]} numberOfLines={1}>
+        <Text style={[styles.labelText, labelStyle]} numberOfLines={numberOfLines}>
           {label}
         </Text>
         {onPress && <InfoIcon size={iconSize} color={Colors.gray3} />}
diff --git a/src/earn/EarnEnterAmount.tsx b/src/earn/EarnEnterAmount.tsx
index bcb276970c8..2700e29543c 100644
--- a/src/earn/EarnEnterAmount.tsx
+++ b/src/earn/EarnEnterAmount.tsx
@@ -574,6 +574,7 @@ function TransactionWithdrawDetails({
               feeDetailsBottomSheetRef?.current?.snapToIndex(0)
             }}
             testID="LabelWithInfo/FeeLabel"
+            numberOfLines={1}
           />
           <View style={styles.txDetailsValue}>
             <TokenDisplay
@@ -629,6 +630,7 @@ function TransactionDepositDetails({
                 swapDetailsBottomSheetRef?.current?.snapToIndex(0)
               }}
               testID="LabelWithInfo/SwapLabel"
+              numberOfLines={1}
             />
             <View style={styles.txDetailsValue}>
               <TokenDisplay
@@ -650,7 +652,7 @@ function TransactionDepositDetails({
           </View>
         )}
         <View style={styles.txDetailsLineItem}>
-          <LabelWithInfo label={t('earnFlow.enterAmount.deposit')} />
+          <LabelWithInfo label={t('earnFlow.enterAmount.deposit')} numberOfLines={1} />
           <View style={styles.txDetailsValue}>
             <TokenDisplay
               tokenId={pool.dataProps.depositTokenId}
@@ -678,6 +680,7 @@ function TransactionDepositDetails({
               feeDetailsBottomSheetRef?.current?.snapToIndex(0)
             }}
             testID="LabelWithInfo/FeeLabel"
+            numberOfLines={1}
           />
           <View style={styles.txDetailsValue}>
             <TokenDisplay
diff --git a/src/earn/poolInfoScreen/Cards.tsx b/src/earn/poolInfoScreen/Cards.tsx
index 3ab8033489f..a459452012f 100644
--- a/src/earn/poolInfoScreen/Cards.tsx
+++ b/src/earn/poolInfoScreen/Cards.tsx
@@ -32,21 +32,19 @@ function EarningItemLineItem({ earnItem }: { earnItem: EarningItem }) {
 
   return (
     <View testID="EarningItemLineItem" style={styles.cardLineContainer}>
-      <View style={styles.cardLineLabel}>
+      <View style={styles.flexLabel}>
         <Text numberOfLines={1} style={styles.depositAndEarningsCardLabelText}>
           {earnItem.label}
         </Text>
       </View>
-      <View style={styles.flexShrink}>
-        <Text style={styles.depositAndEarningsCardValueText}>
-          {t('earnFlow.poolInfoScreen.lineItemAmountDisplay', {
-            localCurrencySymbol,
-            localCurrencyAmount: formatValueToDisplay(amountInLocalCurrency),
-            cryptoAmount: formatValueToDisplay(new BigNumber(earnItem.amount)),
-            cryptoSymbol: tokenInfo?.symbol,
-          })}
-        </Text>
-      </View>
+      <Text style={styles.depositAndEarningsCardValueText}>
+        {t('earnFlow.poolInfoScreen.lineItemAmountDisplay', {
+          localCurrencySymbol,
+          localCurrencyAmount: formatValueToDisplay(amountInLocalCurrency),
+          cryptoAmount: formatValueToDisplay(new BigNumber(earnItem.amount)),
+          cryptoSymbol: tokenInfo?.symbol,
+        })}
+      </Text>
     </View>
   )
 }
@@ -126,6 +124,7 @@ export function DepositAndEarningsCard({
           label={t('earnFlow.poolInfoScreen.totalDepositAndEarnings')}
           labelStyle={styles.cardTitleText}
           testID={'DepositInfoIcon'}
+          numberOfLines={1}
         />
         <View>
           <Text style={styles.depositAndEarningCardTitleText}>
@@ -139,7 +138,7 @@ export function DepositAndEarningsCard({
 
       <View style={styles.depositAndEarningCardSubtitleContainer}>
         <View style={styles.cardLineContainer}>
-          <View style={styles.cardLineLabel}>
+          <View style={styles.flexLabel}>
             {cantSeparateCompoundedInterest ? (
               <Text style={styles.depositAndEarningsCardLabelText}>
                 {t('earnFlow.poolInfoScreen.depositAndEarnings')}
@@ -150,16 +149,14 @@ export function DepositAndEarningsCard({
               </Text>
             )}
           </View>
-          <View style={styles.flexShrink}>
-            <Text style={styles.depositAndEarningsCardValueText}>
-              {t('earnFlow.poolInfoScreen.lineItemAmountDisplay', {
-                localCurrencySymbol,
-                localCurrencyAmount: formatValueToDisplay(totalDepositBalanceInLocalCurrency),
-                cryptoAmount: formatValueToDisplay(totalDepositBalanceInCrypto),
-                cryptoSymbol: depositTokenInfo?.symbol,
-              })}
-            </Text>
-          </View>
+          <Text style={styles.depositAndEarningsCardValueText}>
+            {t('earnFlow.poolInfoScreen.lineItemAmountDisplay', {
+              localCurrencySymbol,
+              localCurrencyAmount: formatValueToDisplay(totalDepositBalanceInLocalCurrency),
+              cryptoAmount: formatValueToDisplay(totalDepositBalanceInCrypto),
+              cryptoSymbol: depositTokenInfo?.symbol,
+            })}
+          </Text>
         </View>
         {earningItems.map((item, index) => (
           <EarningItemLineItem key={index} earnItem={item} />
@@ -186,15 +183,15 @@ export function YieldCard({
   return (
     <View style={styles.card} testID="YieldCard">
       <View style={styles.cardLineContainer}>
-        <View style={styles.cardLineLabel}>
+        <View style={styles.flexLabel}>
           <LabelWithInfo
             onPress={onInfoIconPress}
             label={t('earnFlow.poolInfoScreen.yieldRate')}
-            labelStyle={styles.cardTitleText}
+            labelStyle={styles.lineLabel}
             testID="YieldRateInfoIcon"
           />
         </View>
-        <Text style={styles.cardTitleText}>
+        <Text style={styles.lineValue}>
           {yieldRateSum > 0.00005
             ? t('earnFlow.poolInfoScreen.ratePercent', { rate: yieldRateSum.toFixed(2) })
             : '--'}
@@ -206,11 +203,9 @@ export function YieldCard({
           const tokenInfo = tokensInfo.filter((token) => token.tokenId === rate.tokenId)
           return (
             <View style={styles.cardLineContainer} key={index}>
-              <View style={styles.cardLineLabel}>
+              <View style={styles.flexLabel}>
                 <View style={styles.yieldRateLabelContainer}>
-                  <Text numberOfLines={1} style={styles.cardLabelText}>
-                    {rate.label}
-                  </Text>
+                  <Text style={styles.cardLabelText}>{rate.label}</Text>
                   <TokenIcons
                     tokensInfo={tokenInfo}
                     size={IconSize.XXSMALL}
@@ -218,7 +213,7 @@ export function YieldCard({
                   />
                 </View>
               </View>
-              <Text style={styles.cardLabelText}>
+              <Text style={styles.cardValueText}>
                 {t('earnFlow.poolInfoScreen.ratePercent', { rate: rate.percentage.toFixed(2) })}
               </Text>
             </View>
@@ -240,15 +235,15 @@ export function DailyYieldRateCard({
   return (
     <View style={styles.card} testID="DailyYieldRateCard">
       <View style={styles.cardLineContainer}>
-        <View style={styles.cardLineLabel}>
+        <View style={styles.flexLabel}>
           <LabelWithInfo
             onPress={onInfoIconPress}
             label={t('earnFlow.poolInfoScreen.dailyYieldRate')}
-            labelStyle={styles.cardTitleText}
+            labelStyle={styles.lineLabel}
             testID="DailyYieldRateInfoIcon"
           />
         </View>
-        <Text style={styles.cardTitleText}>
+        <Text style={styles.lineValue}>
           {t('earnFlow.poolInfoScreen.ratePercent', { rate: dailyYieldRate.toFixed(4) })}
         </Text>
       </View>
@@ -274,15 +269,15 @@ export function TvlCard({
   return (
     <View style={styles.card} testID="TvlCard">
       <View style={styles.cardLineContainer}>
-        <View style={styles.cardLineLabel}>
+        <View style={styles.flexLabel}>
           <LabelWithInfo
             onPress={onInfoIconPress}
             label={t('earnFlow.poolInfoScreen.tvl')}
-            labelStyle={styles.cardTitleText}
+            labelStyle={styles.lineLabel}
             testID="TvlInfoIcon"
           />
         </View>
-        <Text style={styles.cardTitleText}>{tvlString}</Text>
+        <Text style={styles.lineValue}>{tvlString}</Text>
       </View>
     </View>
   )
@@ -304,23 +299,23 @@ export function AgeCard({
   return (
     <View style={styles.card} testID="AgeCard">
       <View style={styles.cardLineContainer}>
-        <View style={styles.cardLineLabel}>
+        <View style={styles.flexLabel}>
           <LabelWithInfo
             onPress={onInfoIconPress}
             label={t('earnFlow.poolInfoScreen.ageOfPool')}
-            labelStyle={styles.cardTitleText}
+            labelStyle={styles.lineLabel}
             testID="AgeInfoIcon"
           />
         </View>
-        <Text style={styles.cardTitleText}>{formattedDuration(dateInterval)}</Text>
+        <Text style={styles.lineValue}>{formattedDuration(dateInterval)}</Text>
       </View>
     </View>
   )
 }
 
 export const styles = StyleSheet.create({
-  flexShrink: {
-    flexShrink: 1,
+  flexLabel: {
+    flex: 1.2,
   },
   card: {
     padding: Spacing.Regular16,
@@ -334,13 +329,21 @@ export const styles = StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'space-between',
   },
-  cardLineLabel: {
-    paddingRight: 20, // Prevents Icon from being cut off on long labels
-  },
   yieldRateLabelContainer: {
     flexDirection: 'row',
     gap: Spacing.Tiny4,
   },
+  lineLabel: {
+    ...typeScale.labelSemiBoldMedium,
+    color: Colors.black,
+    textAlign: 'left',
+  },
+  lineValue: {
+    ...typeScale.labelSemiBoldMedium,
+    color: Colors.black,
+    textAlign: 'right',
+    flex: 1,
+  },
   cardTitleText: {
     ...typeScale.labelSemiBoldMedium,
     color: Colors.black,
@@ -348,6 +351,13 @@ export const styles = StyleSheet.create({
   cardLabelText: {
     ...typeScale.bodyMedium,
     color: Colors.gray3,
+    textAlign: 'left',
+  },
+  cardValueText: {
+    ...typeScale.bodyMedium,
+    color: Colors.black,
+    textAlign: 'right',
+    flex: 1,
   },
   depositAndEarningCard: {
     backgroundColor: Colors.gray1,
@@ -381,5 +391,6 @@ export const styles = StyleSheet.create({
     color: Colors.black,
     flexWrap: 'wrap',
     textAlign: 'right',
+    flex: 1,
   },
 })
diff --git a/src/earn/poolInfoScreen/SafetyCard.tsx b/src/earn/poolInfoScreen/SafetyCard.tsx
index 58335b3dbab..6d6805f986a 100644
--- a/src/earn/poolInfoScreen/SafetyCard.tsx
+++ b/src/earn/poolInfoScreen/SafetyCard.tsx
@@ -53,16 +53,17 @@ export function SafetyCard({
   const [expanded, setExpanded] = React.useState(false)
   return (
     <View style={cardStyles.card} testID="SafetyCard">
-      <View style={cardStyles.cardLineContainer}>
-        <View style={cardStyles.cardLineLabel}>
+      <View style={[cardStyles.cardLineContainer, { alignItems: 'center' }]}>
+        <View style={{ flex: 4 }}>
           <LabelWithInfo
             onPress={onInfoIconPress}
             label={t('earnFlow.poolInfoScreen.safetyScore')}
             labelStyle={cardStyles.cardTitleText}
             testID="SafetyCardInfoIcon"
+            numberOfLines={1}
           />
         </View>
-        <View style={styles.tripleBarContainer}>
+        <View style={[styles.tripleBarContainer, { flex: 1 }]}>
           {BAR_HEIGHTS.map((height, index) => (
             <View
               testID="SafetyCard/Bar"
diff --git a/src/send/EnterAmount.tsx b/src/send/EnterAmount.tsx
index eb5553d24ac..8cf55c46122 100644
--- a/src/send/EnterAmount.tsx
+++ b/src/send/EnterAmount.tsx
@@ -237,6 +237,7 @@ export default function EnterAmount({
                 labelStyle={{ color: Colors.gray3 }}
                 testID="SendEnterAmount/FeeLabel"
                 style={styles.feeLabelContainer}
+                numberOfLines={1}
               />
               <View testID="SendEnterAmount/FeeInCrypto" style={styles.feeInCryptoContainer}>
                 <TokenDisplay