improve tooltip readability

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%);
 }

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}
         >