diff --git a/packages/frontend/component/src/ui/button/button.css.ts b/packages/frontend/component/src/ui/button/button.css.ts index 94d19739ef1d0..19452b46d8f31 100644 --- a/packages/frontend/component/src/ui/button/button.css.ts +++ b/packages/frontend/component/src/ui/button/button.css.ts @@ -180,6 +180,10 @@ export const button = style({ borderRadius: 'inherit', boxShadow: `0 0 0 1px ${cssVarV2('layer/insideBorder/primaryBorder')}`, }, + '&[data-mobile=true]:focus-visible::after': { + content: 'none', + display: 'none', + }, }, }); export const content = style({ diff --git a/packages/frontend/component/src/ui/button/button.tsx b/packages/frontend/component/src/ui/button/button.tsx index ed25560e3ed7b..cbccad7054004 100644 --- a/packages/frontend/component/src/ui/button/button.tsx +++ b/packages/frontend/component/src/ui/button/button.tsx @@ -162,6 +162,7 @@ export const Button = forwardRef( data-size={size} data-variant={variant} data-no-hover={withoutHover || undefined} + data-mobile={environment.isMobileEdition} onClick={handleClick} >