diff --git a/packages/ui/css/styles.css b/packages/ui/css/styles.css
index 0169aa6653..b923073ee6 100644
--- a/packages/ui/css/styles.css
+++ b/packages/ui/css/styles.css
@@ -10429,7 +10429,6 @@
   font-size: var(--bui-font-size-3);
   font-family: var(--bui-font-regular);
   color: var(--bui-fg-primary);
-  --tooltip-offset: var(--bui-space-3);
   border-radius: 4px;
   outline: none;
   transition: transform .2s, opacity .2s;
@@ -10441,6 +10440,8 @@
     opacity: 0;
   }
 
+  --tooltip-offset: var(--bui-space-3);
+
   &[data-placement="top"] {
     margin-bottom: var(--tooltip-offset);
     --origin: translateY(4px);
@@ -10464,7 +10465,6 @@
 
 .bui-TooltipArrow {
   & svg {
-    --tooltip-arrow-overlap: -2px;
     display: block;
 
     & path:first-child {
@@ -10474,6 +10474,8 @@
     & path:nth-child(2) {
       fill: var(--bui-gray-3);
     }
+
+    --tooltip-arrow-overlap: -2px;
   }
 
   &[data-placement="top"] svg {