From 9e463d3a66e919a3d3f711837152dd611a149237 Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Thu, 15 Oct 2026 02:35:10 +0200
Subject: [PATCH] fix: show the whole section labels on the contact page

---
 src/components/contacts/ContactActivity.tsx | 3 +++
 src/screens/ContactDetailScreen.tsx         | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/src/components/contacts/ContactActivity.tsx b/src/components/contacts/ContactActivity.tsx
index b7caf5a9..7ee73188 100644
--- a/src/components/contacts/ContactActivity.tsx
+++ b/src/components/contacts/ContactActivity.tsx
@@ -281,6 +281,9 @@ function makeStyles(c: ThemePalette) {
   sectionHeader: { flexDirection: 'row', alignItems: 'center', gap: spacing.sm },
   sectionIcon: { width: 16 },
   sectionLabel: {
+    // Fill the row: shrink-wrapped, Android measured the letter-spaced
+    // label a few px short and wrapped its last word out of sight ("WOR").
+    flex: 1,
     ...typography.bodyMedium,
     color: c.textSecondary,
     textTransform: 'uppercase',
diff --git a/src/screens/ContactDetailScreen.tsx b/src/screens/ContactDetailScreen.tsx
index f72230e1..ab8e06f5 100644
--- a/src/screens/ContactDetailScreen.tsx
+++ b/src/screens/ContactDetailScreen.tsx
@@ -987,6 +987,9 @@ function makeStyles(c: ThemePalette) {
     },
     sectionIcon: { width: 16 },
     sectionLabel: {
+      // Fill the row: shrink-wrapped, Android measured the letter-spaced
+      // label a few px short and wrapped its last word out of sight ("WOR").
+      flex: 1,
       ...typography.bodyMedium,
       color: c.textSecondary,
       textTransform: 'uppercase',