diff --git a/src/index.css b/src/index.css
index 0f26d4e..286a256 100644
--- a/src/index.css
+++ b/src/index.css
@@ -11,6 +11,7 @@
   --global-stack-focus: 999;
   --global-container-max-width: 75rem;
   --global-dialog-max-width: 32rem;
+  --global-tooltip-max-width: calc(var(--global-dialog-max-width) / 2);
 }
 
 .display-none-to-flex {
diff --git a/src/ui/Tooltip/tooltip.css b/src/ui/Tooltip/tooltip.css
index d0a41c7..5f1665b 100644
--- a/src/ui/Tooltip/tooltip.css
+++ b/src/ui/Tooltip/tooltip.css
@@ -73,7 +73,7 @@
     gap: var(--sds-size-space-100);
     padding-left: var(--sds-size-space-300);
     padding-right: var(--sds-size-space-300);
-    max-width: calc(var(--global-dialog-max-width) / 2);
+    max-width: var(--global-tooltip-max-width);
     width: 100%;
   }
 }