diff --git a/components/tokens/custom-spectrum/custom-large-vars.css b/components/tokens/custom-spectrum/custom-large-vars.css
index 847412d419..6df1643d90 100644
--- a/components/tokens/custom-spectrum/custom-large-vars.css
+++ b/components/tokens/custom-spectrum/custom-large-vars.css
@@ -118,4 +118,6 @@ governing permissions and limitations under the License.
   --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xxs);
   --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xxs);
 	--spectrum-assetcard-content-font-size: var(--spectrum-body-size-xs);
+
+  --spectrum-tooltip-animation-distance: 5px;
 }
diff --git a/components/tokens/custom-spectrum/custom-medium-vars.css b/components/tokens/custom-spectrum/custom-medium-vars.css
index dbdf20f81a..e99d7e3dad 100644
--- a/components/tokens/custom-spectrum/custom-medium-vars.css
+++ b/components/tokens/custom-spectrum/custom-medium-vars.css
@@ -117,4 +117,6 @@ governing permissions and limitations under the License.
 	--spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xs);
   --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xs);
 	--spectrum-assetcard-content-font-size: var(--spectrum-body-size-s);
+
+  --spectrum-tooltip-animation-distance: var(--spectrum-spacing-75);
 }
diff --git a/components/tooltip/index.css b/components/tooltip/index.css
index 147eedc644..42770794a2 100644
--- a/components/tooltip/index.css
+++ b/components/tooltip/index.css
@@ -15,9 +15,6 @@ governing permissions and limitations under the License.
 .spectrum-Tooltip {
   --spectrum-tooltip-animation-duration: var(--spectrum-animation-duration-100);
 
-  /* animation distance is equal to spacing to source */
-  --spectrum-tooltip-animation-distance: var(--spectrum-spacing-75);
-
   /* override if additional spacing to source is required */
   --spectrum-tooltip-margin: 0px;
 
@@ -399,7 +396,7 @@ governing permissions and limitations under the License.
 
   /* tooltip animates upward ⬆ */
   &.is-open {
-    @inherit: %spectrum-overlay--top--open;
+    transform: translateY(calc(-1 * var(--mod-tooltip-animation-distance, var(--spectrum-tooltip-animation-distance))));
   }
 }
 
@@ -414,7 +411,7 @@ governing permissions and limitations under the License.
 
   /* Tooltip animates downward ⬇ */
   &.is-open {
-    @inherit: %spectrum-overlay--bottom--open;
+    transform: translateY(var(--mod-tooltip-animation-distance, var(--spectrum-tooltip-animation-distance)));
   }
 }
 
@@ -427,7 +424,7 @@ governing permissions and limitations under the License.
 
   /* Tooltip animates to right ⮕ */
   &.is-open {
-    @inherit: %spectrum-overlay--right--open;
+    transform: translateX(var(--mod-tooltip-animation-distance, var(--spectrum-tooltip-animation-distance)));
   }
 }
 
@@ -440,7 +437,7 @@ governing permissions and limitations under the License.
 
   /* Tooltip animates to left ⬅ */
   &.is-open {
-    @inherit: %spectrum-overlay--left--open;
+    transform: translateX(calc(-1 * var(--mod-tooltip-animation-distance, var(--spectrum-tooltip-animation-distance))));
   }
 }
 
@@ -453,13 +450,13 @@ governing permissions and limitations under the License.
 
   /* LTR read, tooltip animates towards left ⬅ */
   &.is-open {
-    @inherit: %spectrum-overlay--left--open;
+    transform: translateX(calc(-1 * var(--mod-tooltip-animation-distance, var(--spectrum-tooltip-animation-distance))));
   }
 
   /* RTL read, tooltip animates towards right ⮕ */
   [dir="rtl"] & {
     &.is-open {
-      @inherit: %spectrum-overlay--right--open;
+      transform: translateX(var(--mod-tooltip-animation-distance, var(--spectrum-tooltip-animation-distance)));
     }
   }
 }
@@ -473,13 +470,13 @@ governing permissions and limitations under the License.
 
   /* LTR read, tooltip animates towards right ⮕ */
   &.is-open {
-    @inherit: %spectrum-overlay--right--open;
+    transform: translateX(var(--mod-tooltip-animation-distance, var(--spectrum-tooltip-animation-distance)));
   }
 
   /* RTL read, tooltip animates towards left ⬅ */
   [dir="rtl"] & {
     &.is-open {
-      @inherit: %spectrum-overlay--left--open;
+      transform: translateX(calc(-1 * var(--mod-tooltip-animation-distance, var(--spectrum-tooltip-animation-distance))));
     }
   }
 }