From 7e018cbc9d753e27d00f196f493d69947d998892 Mon Sep 17 00:00:00 2001
From: Iogr Wessel <igor.silva@juntossomosmais.com.br>
Date: Fri, 12 Jan 2024 16:17:39 -0300
Subject: [PATCH] refactor(tooltip): use var to define square range for arrow

---
 packages/core/src/components/tooltip/tooltip.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/core/src/components/tooltip/tooltip.scss b/packages/core/src/components/tooltip/tooltip.scss
index 002c9d1e5..17aa5a28c 100644
--- a/packages/core/src/components/tooltip/tooltip.scss
+++ b/packages/core/src/components/tooltip/tooltip.scss
@@ -3,6 +3,7 @@
 .atom-tooltip {
   --arrow-width: 10px;
   --arrow-height: 8px;
+  --arrow-square-range: -3px;
 
   background: var(--color-neutral-light-1);
   border-radius: var(--border-radius);
@@ -40,19 +41,19 @@
   }
 
   &[data-popper-placement^='top'] > &__arrow {
-    bottom: -3px;
+    bottom: var(--arrow-square-range);
   }
 
   &[data-popper-placement^='bottom'] > &__arrow {
-    top: -3px;
+    top: var(--arrow-square-range);
   }
 
   &[data-popper-placement^='left'] > &__arrow {
-    right: -3px;
+    right: var(--arrow-square-range);
   }
 
   &[data-popper-placement^='right'] > &__arrow {
-    left: -3px;
+    left: var(--arrow-square-range);
   }
 
   &__content {