diff --git a/src/components/OptionRow.tsx b/src/components/OptionRow.tsx index 97e85cacf42d..d8ae3eba5431 100644 --- a/src/components/OptionRow.tsx +++ b/src/components/OptionRow.tsx @@ -270,8 +270,12 @@ function OptionRow({ disabled={isDisabled} role={CONST.ROLE.BUTTON} accessibilityLabel={CONST.ROLE.BUTTON} + style={[styles.ml2, styles.optionSelectCircle]} > - + )} diff --git a/src/pages/iou/request/MoneyTemporaryForRefactorRequestParticipantsSelector.js b/src/pages/iou/request/MoneyTemporaryForRefactorRequestParticipantsSelector.js index 15f98205839e..2f9a1b450202 100644 --- a/src/pages/iou/request/MoneyTemporaryForRefactorRequestParticipantsSelector.js +++ b/src/pages/iou/request/MoneyTemporaryForRefactorRequestParticipantsSelector.js @@ -313,9 +313,12 @@ function MoneyTemporaryForRefactorRequestParticipantsSelector({ disabled={item.isDisabled} role={CONST.ACCESSIBILITY_ROLE.CHECKBOX} accessibilityLabel={CONST.ACCESSIBILITY_ROLE.CHECKBOX} - style={[styles.flexRow, styles.alignItemsCenter, styles.ml3]} + style={[styles.flexRow, styles.alignItemsCenter, styles.ml5, styles.optionSelectCircle]} > - + ); } diff --git a/src/styles/index.ts b/src/styles/index.ts index d52e876d2e8e..d7a30328925e 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -2500,6 +2500,11 @@ const styles = (theme: ThemeColors) => marginLeft: 8, }, + optionSelectCircle: { + borderRadius: variables.componentSizeSmall / 2 + 1, + padding: 1, + }, + unreadIndicatorContainer: { position: 'absolute', top: -10,