From 5ba110fdf6ed3502f445574df3c9e1da038e7ec4 Mon Sep 17 00:00:00 2001
From: MT Lewis <mtlewis@users.noreply.github.com>
Date: Fri, 18 Jul 2025 15:24:14 +0100
Subject: [PATCH] ui: round inner corners of tooltip arrow

Signed-off-by: MT Lewis <mtlewis@users.noreply.github.com>
---
 packages/ui/src/components/Tooltip/Tooltip.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/Tooltip/Tooltip.tsx b/packages/ui/src/components/Tooltip/Tooltip.tsx
index 2480c6e139..de7243c754 100644
--- a/packages/ui/src/components/Tooltip/Tooltip.tsx
+++ b/packages/ui/src/components/Tooltip/Tooltip.tsx
@@ -26,7 +26,7 @@ import { TooltipProps } from './types';
 import { useStyles } from '../../hooks/useStyles';
 
 const tooltipArrowPathDefinition =
-  'M28-1 15.509 14.281a1.943 1.943 0 0 1-3.018 0L0-1';
+  'M30 0h-1a6.314 6.314 0 0 0-4.895 2.326l-7.555 9.271a2 2 0 0 1-3.1 0L5.895 2.326A6.314 6.314 0 0 0 1 0H0';
 
 /** @public */
 export const TooltipTrigger = (props: TooltipTriggerComponentProps) => {
@@ -43,12 +43,12 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
     return (
       <AriaTooltip
         className={clsx(classNames.tooltip, className)}
-        offset={16}
+        offset={14}
         {...rest}
         ref={ref}
       >
         <OverlayArrow className={classNames.arrow}>
-          <svg width={28} height={28} viewBox="0 0 28 28">
+          <svg width={30} height={30} viewBox="0 0 30 30">
             <path
               className={classNames.arrowFill}
               d={tooltipArrowPathDefinition}