From 39f40707a74f54e6cef625bb92095bca3c0bf6af Mon Sep 17 00:00:00 2001
From: "Irina V. Kuzmina" <kuzmadom@yandex-team.ru>
Date: Fri, 13 Dec 2024 12:49:54 +0300
Subject: [PATCH 1/2] fix: improve tooltip style

---
 src/components/Tooltip/index.tsx   | 2 +-
 src/components/Tooltip/styles.scss | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/Tooltip/index.tsx b/src/components/Tooltip/index.tsx
index b8679c1..4581431 100644
--- a/src/components/Tooltip/index.tsx
+++ b/src/components/Tooltip/index.tsx
@@ -12,7 +12,7 @@ import {ChartTooltipContent} from './ChartTooltipContent';
 
 import './styles.scss';
 
-const b = block('d3-tooltip');
+const b = block('tooltip');
 
 type TooltipProps = {
     dispatcher: Dispatch<object>;
diff --git a/src/components/Tooltip/styles.scss b/src/components/Tooltip/styles.scss
index 422f907..437af4d 100644
--- a/src/components/Tooltip/styles.scss
+++ b/src/components/Tooltip/styles.scss
@@ -1,8 +1,10 @@
-.gcharts-d3-tooltip {
+.gcharts-tooltip {
     &[class] {
         --g-popup-border-width: 0;
         pointer-events: none;
 
+        box-shadow: none;
+
         > div {
             animation-duration: unset;
             animation-timing-function: unset;
@@ -15,12 +17,11 @@
     }
 
     &__content {
-        padding: 10px 14px;
+        padding: 8px 14px;
 
         text-wrap: nowrap;
 
-        border: 1px solid var(--g-color-line-generic);
-        border-radius: 3px;
+        border-radius: 4px;
         background-color: var(--g-color-infographics-tooltip-bg);
         box-shadow: 0 2px 12px var(--g-color-sfx-shadow);
     }

From 4331909e10c63597d5864babc0bd191ea9dfe2b8 Mon Sep 17 00:00:00 2001
From: "Irina V. Kuzmina" <kuzmadom@yandex-team.ru>
Date: Fri, 13 Dec 2024 13:06:34 +0300
Subject: [PATCH 2/2] fix: style

---
 src/components/Tooltip/index.tsx   | 1 +
 src/components/Tooltip/styles.scss | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Tooltip/index.tsx b/src/components/Tooltip/index.tsx
index 4581431..5b82eb8 100644
--- a/src/components/Tooltip/index.tsx
+++ b/src/components/Tooltip/index.tsx
@@ -47,6 +47,7 @@ export const Tooltip = (props: TooltipProps) => {
     return hovered?.length ? (
         <Popup
             className={b({pinned: tooltipPinned})}
+            contentClassName={b('popup-content')}
             open={true}
             anchorRef={anchorRef}
             offset={[0, 20]}
diff --git a/src/components/Tooltip/styles.scss b/src/components/Tooltip/styles.scss
index 437af4d..d2773dc 100644
--- a/src/components/Tooltip/styles.scss
+++ b/src/components/Tooltip/styles.scss
@@ -3,8 +3,6 @@
         --g-popup-border-width: 0;
         pointer-events: none;
 
-        box-shadow: none;
-
         > div {
             animation-duration: unset;
             animation-timing-function: unset;
@@ -16,6 +14,10 @@
         pointer-events: inherit;
     }
 
+    &__popup-content {
+        box-shadow: none;
+    }
+
     &__content {
         padding: 8px 14px;