diff --git a/packages/desktop-client/src/components/mobile/budget/BudgetPage.tsx b/packages/desktop-client/src/components/mobile/budget/BudgetPage.tsx
index c931137857..1fe5e79378 100644
--- a/packages/desktop-client/src/components/mobile/budget/BudgetPage.tsx
+++ b/packages/desktop-client/src/components/mobile/budget/BudgetPage.tsx
@@ -720,18 +720,20 @@ function UncategorizedTransactionsBanner(props) {
             justifyContent: 'space-between',
           }}
         >
-          <Trans count={transactions.length}>
-            You have {{ count: transactions.length }} uncategorized transactions
-            (
-            <FinancialText>
-              {
+          <Text>
+            <Trans count={transactions.length}>
+              You have {{ count: transactions.length }} uncategorized
+              transactions (
+              <FinancialText>
                 {
-                  amount: format(totalUncategorizedAmount, 'financial'),
-                } as TransObjectLiteral
-              }
-            </FinancialText>
-            )
-          </Trans>
+                  {
+                    amount: format(totalUncategorizedAmount, 'financial'),
+                  } as TransObjectLiteral
+                }
+              </FinancialText>
+              )
+            </Trans>
+          </Text>
           <Button
             onPress={() => navigate('/categories/uncategorized')}
             style={PILL_STYLE}
@@ -809,13 +811,7 @@ function OverbudgetedBanner({ month, onBudgetAction, ...props }) {
             justifyContent: 'space-between',
           }}
         >
-          <View
-            style={{
-              flexDirection: 'row',
-              alignItems: 'center',
-              gap: 10,
-            }}
-          >
+          <View>
             <View
               style={{
                 flexDirection: 'row',
@@ -962,28 +958,20 @@ function OverspendingBanner({ month, onBudgetAction, budgetType, ...props }) {
             justifyContent: 'space-between',
           }}
         >
-          <View
-            style={{
-              flexDirection: 'row',
-              alignItems: 'center',
-              gap: 10,
-            }}
-          >
-            <Text>
-              <Trans count={numberOfOverspentCategories}>
-                You have {{ count: numberOfOverspentCategories }} overspent
-                categories (
-                <FinancialText>
+          <Text>
+            <Trans count={numberOfOverspentCategories}>
+              You have {{ count: numberOfOverspentCategories }} overspent
+              categories (
+              <FinancialText>
+                {
                   {
-                    {
-                      amount: format(totalOverspending, 'financial'),
-                    } as TransObjectLiteral
-                  }
-                </FinancialText>
-                )
-              </Trans>
-            </Text>
-          </View>
+                    amount: format(totalOverspending, 'financial'),
+                  } as TransObjectLiteral
+                }
+              </FinancialText>
+              )
+            </Trans>
+          </Text>
           <Button onPress={onOpenCategorySelectionModal} style={PILL_STYLE}>
             {budgetType === 'envelope' && <Trans>Cover</Trans>}
             {budgetType === 'tracking' && <Trans>View</Trans>}
diff --git a/upcoming-release-notes/6758.md b/upcoming-release-notes/6758.md
new file mode 100644
index 0000000000..e6d5904c1b
--- /dev/null
+++ b/upcoming-release-notes/6758.md
@@ -0,0 +1,6 @@
+---
+category: Bugfixes
+authors: [matt-fidd]
+---
+
+Fix rendering issue in mobile uncategorised transactions banner