diff --git a/packages/Core/src/theme/tooltips.ts b/packages/Core/src/theme/tooltips.ts index d8b2bb7a80..2a3d8f7e15 100644 --- a/packages/Core/src/theme/tooltips.ts +++ b/packages/Core/src/theme/tooltips.ts @@ -3,7 +3,7 @@ import { CSSObject } from '@xstyled/styled-components' import { WuiTheme } from './types' export const getTooltips = (theme: WuiTheme): CSSObject => { - const { colors, fontSizes, lineHeights, radii, space, toRem } = theme + const { borderWidths, colors, fontSizes, lineHeights, radii, space, toRem } = theme return { maxWidth: toRem(200), @@ -12,6 +12,7 @@ export const getTooltips = (theme: WuiTheme): CSSObject => { padding: `${space.xs} ${space.sm}`, fontSize: fontSizes.xs, lineHeight: lineHeights.xs, + outline: `solid ${borderWidths.sm} ${colors['dark-700']}`, borderRadius: radii.sm, boxSizing: 'content-box', }