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',