From 6321030ac8c8c1a4a1e60bfb4db3846e6bb47e1a Mon Sep 17 00:00:00 2001
From: Daniel Gonzalez Albo <danielglezalbo@gmail.com>
Date: Mon, 6 Oct 2025 23:57:39 +0200
Subject: [PATCH] style: add offset to arrow's tooltips

---
 .../src/components/Toolbar/Toolbar.tsx        | 32 +++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx b/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
index 480f767..cdd9984 100644
--- a/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
+++ b/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
@@ -133,7 +133,21 @@ function Toolbar(properties: ToolbarProperties) {
   return (
     <ToolbarWrapper>
       {showLeftArrow && (
-        <Tooltip title={t("toolbar.scroll_left")}>
+        <Tooltip
+          title={t("toolbar.scroll_left")}
+          slotProps={{
+            popper: {
+              modifiers: [
+                {
+                  name: "offset",
+                  options: {
+                    offset: [0, -8],
+                  },
+                },
+              ],
+            },
+          }}
+        >
           <ScrollArrow $direction="left" onClick={scrollLeft}>
             <ChevronLeft />
           </ScrollArrow>
@@ -582,7 +596,21 @@ function Toolbar(properties: ToolbarProperties) {
         />
       </ToolbarContainer>
       {showRightArrow && (
-        <Tooltip title={t("toolbar.scroll_right")}>
+        <Tooltip
+          title={t("toolbar.scroll_right")}
+          slotProps={{
+            popper: {
+              modifiers: [
+                {
+                  name: "offset",
+                  options: {
+                    offset: [0, -8],
+                  },
+                },
+              ],
+            },
+          }}
+        >
           <ScrollArrow $direction="right" onClick={scrollRight}>
             <ChevronRight />
           </ScrollArrow>