diff --git a/app/soapbox/components/status-action-button.tsx b/app/soapbox/components/status-action-button.tsx index 032563315..d72bbbf9e 100644 --- a/app/soapbox/components/status-action-button.tsx +++ b/app/soapbox/components/status-action-button.tsx @@ -41,9 +41,10 @@ const StatusActionButton = React.forwardRef((props: IStatusActionButton, ref: Re ref={ref} type='button' className={classNames( - 'group flex items-center p-1 space-x-0.5 rounded-full', + 'flex items-center p-1 space-x-0.5 rounded-full', 'text-gray-400 hover:text-gray-600 dark:hover:text-white', 'bg-white dark:bg-transparent', + 'focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 dark:ring-offset-0', { 'text-accent-300 hover:text-accent-300 dark:hover:text-accent-300': active && color === COLORS.accent, 'text-success-600 hover:text-success-600 dark:hover:text-success-600': active && color === COLORS.success, @@ -56,7 +57,6 @@ const StatusActionButton = React.forwardRef((props: IStatusActionButton, ref: Re src={icon} className={classNames( 'rounded-full', - 'group-focus:outline-none group-focus:ring-2 group-focus:ring-offset-2 dark:ring-offset-0 group-focus:ring-primary-500', { 'fill-accent-300 hover:fill-accent-300': active && filled && color === COLORS.accent, }, diff --git a/app/soapbox/components/status_action_bar.tsx b/app/soapbox/components/status_action_bar.tsx index 660c99cb3..97d71bf08 100644 --- a/app/soapbox/components/status_action_bar.tsx +++ b/app/soapbox/components/status_action_bar.tsx @@ -643,7 +643,8 @@ class StatusActionBar extends ImmutablePureComponent