From e4189e92d0870ce42140e701472607604d4cd300 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 7 Oct 2025 11:40:16 -0700
Subject: [PATCH] improve tooltip readability

---
 src/shared/components/tooltip/tooltip.module.css | 4 +---
 src/shared/components/tooltip/tooltip.tsx        | 2 ++
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/shared/components/tooltip/tooltip.module.css b/src/shared/components/tooltip/tooltip.module.css
index 86b5177af..0e7995105 100644
--- a/src/shared/components/tooltip/tooltip.module.css
+++ b/src/shared/components/tooltip/tooltip.module.css
@@ -1,9 +1,7 @@
 .tooltip {
-    max-width: 200px;
     padding: var(--theme-spacing-sm) var(--theme-spacing-md);
     font-size: var(--theme-font-size-md);
-    font-weight: 550;
     color: var(--theme-colors-surface-foreground);
     background: var(--theme-colors-surface);
-    box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 20%);
+    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 60%);
 }
diff --git a/src/shared/components/tooltip/tooltip.tsx b/src/shared/components/tooltip/tooltip.tsx
index e22456618..f15b0675e 100644
--- a/src/shared/components/tooltip/tooltip.tsx
+++ b/src/shared/components/tooltip/tooltip.tsx
@@ -16,12 +16,14 @@ export const Tooltip = ({
 }: TooltipProps) => {
     return (
         <MantineTooltip
+            arrowSize={10}
             classNames={{
                 tooltip: styles.tooltip,
             }}
             multiline
             openDelay={openDelay}
             transitionProps={transitionProps}
+            withArrow
             withinPortal={withinPortal}
             {...props}
         >