diff --git a/src/core/packages/chrome/navigation/src/components/side_nav/footer_item.tsx b/src/core/packages/chrome/navigation/src/components/side_nav/footer_item.tsx index 316e396f873b5..66a5a68aedea9 100644 --- a/src/core/packages/chrome/navigation/src/components/side_nav/footer_item.tsx +++ b/src/core/packages/chrome/navigation/src/components/side_nav/footer_item.tsx @@ -16,6 +16,7 @@ import { EuiButtonIcon, EuiToolTip, useEuiTheme } from '@elastic/eui'; import type { MenuItem } from '../../../types'; import { useTooltip } from '../../hooks/use_tooltip'; import { BetaBadge } from '../beta_badge'; +import { TOOLTIP_OFFSET } from '../../constants'; export interface SideNavFooterItemProps extends Omit, MenuItem { hasContent?: boolean; @@ -81,6 +82,7 @@ export const SideNavFooterItem = forwardRef {menuItem} diff --git a/src/core/packages/chrome/navigation/src/components/side_nav/primary_menu_item.tsx b/src/core/packages/chrome/navigation/src/components/side_nav/primary_menu_item.tsx index 0f98437779813..f6e03af198d24 100644 --- a/src/core/packages/chrome/navigation/src/components/side_nav/primary_menu_item.tsx +++ b/src/core/packages/chrome/navigation/src/components/side_nav/primary_menu_item.tsx @@ -18,6 +18,7 @@ import type { MenuItem } from '../../../types'; import { MenuItem as MenuItemComponent } from '../menu_item'; import { useTooltip } from '../../hooks/use_tooltip'; import { BetaBadge } from '../beta_badge'; +import { TOOLTIP_OFFSET } from '../../constants'; export interface SideNavPrimaryMenuItemProps extends MenuItem { as?: 'a' | 'button'; @@ -116,6 +117,7 @@ export const SideNavPrimaryMenuItem = forwardRef {menuItem} diff --git a/src/core/packages/chrome/navigation/src/constants.ts b/src/core/packages/chrome/navigation/src/constants.ts index e421ef22e923c..f5d0a25ca967d 100644 --- a/src/core/packages/chrome/navigation/src/constants.ts +++ b/src/core/packages/chrome/navigation/src/constants.ts @@ -19,3 +19,4 @@ export const TOP_BAR_HEIGHT = 48; export const TOP_BAR_POPOVER_GAP = 8; export const BOTTOM_POPOVER_GAP = 17; export const POPOVER_OFFSET = 5; +export const TOOLTIP_OFFSET = 4;