diff --git a/packages/web/src/scss/components/Tooltip/_Tooltip.scss b/packages/web/src/scss/components/Tooltip/_Tooltip.scss
index 47a0c41680..c07210360f 100644
--- a/packages/web/src/scss/components/Tooltip/_Tooltip.scss
+++ b/packages/web/src/scss/components/Tooltip/_Tooltip.scss
@@ -60,11 +60,12 @@
 }
 
 .Tooltip--dismissible {
+    --tooltip-max-width: calc(#{theme.$max-width} + #{theme.$gap} + #{theme.$close-button-size});
+
     display: grid;
     grid-template-columns: 1fr auto;
     column-gap: theme.$gap;
     align-items: center;
-    max-width: calc(#{theme.$max-width} + #{theme.$gap} + #{theme.$close-button-size});
 }
 
 @include dictionaries.generate-placements(