diff --git a/src/components/experimental/Tooltip/Tooltip.tsx b/src/components/experimental/Tooltip/Tooltip.tsx index 21afd2d4..97aa4bc5 100644 --- a/src/components/experimental/Tooltip/Tooltip.tsx +++ b/src/components/experimental/Tooltip/Tooltip.tsx @@ -16,7 +16,8 @@ interface TooltipProps { const TooltipStyles = createGlobalStyle` .react-aria-Tooltip { - box-shadow: 0 8px 20px rgba(0 0 0 / 0.1); + + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.20); border-radius: 4px; background: var(--wave-exp-color-inverse-surface); color: var(--wave-exp-color-inverse-on-surface);