From 0777ba0a502069c4efdb2c8e232dc31f81f61e4b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Musia=C5=82?= Date: Fri, 20 Feb 2026 14:40:22 +0100 Subject: [PATCH 1/4] update Actionable buttons styles only for phrasal options --- .../inbox/report/PureReportActionItem.tsx | 19 ++++++------------- 1 file changed, 6 insertions(+), 13 deletions(-) diff --git a/src/pages/inbox/report/PureReportActionItem.tsx b/src/pages/inbox/report/PureReportActionItem.tsx index 260bb9ece4801..81f8ad03319be 100644 --- a/src/pages/inbox/report/PureReportActionItem.tsx +++ b/src/pages/inbox/report/PureReportActionItem.tsx @@ -1789,6 +1789,7 @@ function PureReportActionItem({ if (actionContainsFollowUps) { actionableButtonsNoLines = 0; } + const isPhrasalConciergeOptions = isConciergeOptions || actionContainsFollowUps; children = ( @@ -1824,22 +1825,14 @@ function PureReportActionItem({ {actionableItemButtons.length > 0 && ( Date: Fri, 20 Feb 2026 14:59:50 +0100 Subject: [PATCH 2/4] update work break --- src/pages/inbox/report/PureReportActionItem.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/inbox/report/PureReportActionItem.tsx b/src/pages/inbox/report/PureReportActionItem.tsx index 81f8ad03319be..a3a0217c5596a 100644 --- a/src/pages/inbox/report/PureReportActionItem.tsx +++ b/src/pages/inbox/report/PureReportActionItem.tsx @@ -1829,7 +1829,7 @@ function PureReportActionItem({ shouldUseLocalization={!isPhrasalConciergeOptions} primaryTextNumberOfLines={actionableButtonsNoLines} styles={{ - text: [isPhrasalConciergeOptions ? styles.textAlignLeft : undefined], + text: [isPhrasalConciergeOptions ? [styles.textAlignLeft, styles.breakWord] : undefined], button: isPhrasalConciergeOptions ? [styles.actionableItemButton, hovered && styles.actionableItemButtonBackgroundHovered] : undefined, container: [ isPhrasalConciergeOptions && shouldUseNarrowLayout ? styles.alignItemsStretch : undefined, From e8c4abf6af217101bd9f678755f4332522c8f867 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Musia=C5=82?= Date: Fri, 20 Feb 2026 18:04:58 +0100 Subject: [PATCH 3/4] update button styles --- src/pages/inbox/report/PureReportActionItem.tsx | 4 ++-- src/styles/index.ts | 6 +++--- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/pages/inbox/report/PureReportActionItem.tsx b/src/pages/inbox/report/PureReportActionItem.tsx index a3a0217c5596a..bc032160430db 100644 --- a/src/pages/inbox/report/PureReportActionItem.tsx +++ b/src/pages/inbox/report/PureReportActionItem.tsx @@ -1829,8 +1829,8 @@ function PureReportActionItem({ shouldUseLocalization={!isPhrasalConciergeOptions} primaryTextNumberOfLines={actionableButtonsNoLines} styles={{ - text: [isPhrasalConciergeOptions ? [styles.textAlignLeft, styles.breakWord] : undefined], - button: isPhrasalConciergeOptions ? [styles.actionableItemButton, hovered && styles.actionableItemButtonBackgroundHovered] : undefined, + text: isPhrasalConciergeOptions ? styles.actionableItemButtonText : undefined, + button: isPhrasalConciergeOptions ? styles.actionableItemButton : undefined, container: [ isPhrasalConciergeOptions && shouldUseNarrowLayout ? styles.alignItemsStretch : undefined, actionContainsFollowUps ? styles.mt5 : undefined, diff --git a/src/styles/index.ts b/src/styles/index.ts index 9fc30eaaeb06f..26a6539465a70 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -932,11 +932,11 @@ const staticStyles = (theme: ThemeColors) => paddingTop: 8, paddingBottom: 8, alignItems: 'flex-start', - borderRadius: variables.componentBorderRadiusMedium, }, - actionableItemButtonBackgroundHovered: { - borderColor: theme.buttonPressedBG, + actionableItemButtonText: { + textAlign: 'left', + ...wordBreak.breakWord, }, hoveredComponentBG: { From dd13521d5f1c56cc8cfa5004e7a84d7593516b04 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Musia=C5=82?= Date: Fri, 20 Feb 2026 18:13:33 +0100 Subject: [PATCH 4/4] update br to 20 --- src/styles/index.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/src/styles/index.ts b/src/styles/index.ts index 26a6539465a70..9ae0c6abdfb9d 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -932,6 +932,7 @@ const staticStyles = (theme: ThemeColors) => paddingTop: 8, paddingBottom: 8, alignItems: 'flex-start', + borderRadius: 20, }, actionableItemButtonText: {