diff --git a/src/components/tooltip/tooltip.module.scss b/src/components/tooltip/tooltip.module.scss index da98dc05..f1b2c6e6 100644 --- a/src/components/tooltip/tooltip.module.scss +++ b/src/components/tooltip/tooltip.module.scss @@ -21,6 +21,10 @@ width: 100%; height: fit-content; cursor: pointer; + + &:focus-visible { + outline: 2px auto var(--rp-ui-base-topaz-focused); + } } .tooltip-content { diff --git a/src/components/tooltip/tooltip.tsx b/src/components/tooltip/tooltip.tsx index f03e7302..d4711bc1 100644 --- a/src/components/tooltip/tooltip.tsx +++ b/src/components/tooltip/tooltip.tsx @@ -151,6 +151,9 @@ export const Tooltip: FC = ({ onMouseDown={handleHideTooltip} onMouseEnter={handleShowTooltip} onMouseLeave={handleHideTooltip} + onFocus={handleShowTooltip} + onBlur={handleHideTooltip} + tabIndex={0} > {children}