diff --git a/styles/10-components-interactive-elements.css b/styles/10-components-interactive-elements.css
index c72b000..29f655b 100644
--- a/styles/10-components-interactive-elements.css
+++ b/styles/10-components-interactive-elements.css
@@ -1297,33 +1297,33 @@
     }
 
     .sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before {
-      top: calc(var(--spacing-small) / -2);
+      top: calc(var(--spacing-small) * -1);
       left: 50%;
-      border-width: 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2);
+      border-width: 0 var(--spacing-small) var(--spacing-small);
       border-color: transparent transparent var(--surface-tooltip);
       transform: translateX(-50%);
     }
 
     .sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before {
-      bottom: calc(var(--spacing-small) / -2);
+      bottom: calc(var(--spacing-small) * -1);
       left: 50%;
-      border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0;
+      border-width: var(--spacing-small) var(--spacing-small) 0;
       border-color: var(--surface-tooltip) transparent transparent;
       transform: translateX(-50%);
     }
 
     .sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before {
       top: 50%;
-      right: calc(var(--spacing-small) / -2);
-      border-width: calc(var(--spacing-small) / 2) 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2);
+      right: calc(var(--spacing-small) * -1);
+      border-width: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small);
       border-color: transparent transparent transparent var(--surface-tooltip);
       transform: translateY(-50%);
     }
 
     .sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before {
       top: 50%;
-      left: calc(var(--spacing-small) / -2);
-      border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0;
+      left: calc(var(--spacing-small) * -1);
+      border-width: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0;
       border-color: transparent var(--surface-tooltip) transparent transparent;
       transform: translateY(-50%);
     }