diff --git a/services/web/frontend/stylesheets/app/plans.less b/services/web/frontend/stylesheets/app/plans.less
index ce4beb5815..08dd0ff67f 100644
--- a/services/web/frontend/stylesheets/app/plans.less
+++ b/services/web/frontend/stylesheets/app/plans.less
@@ -140,8 +140,8 @@
         z-index: 1040;
         white-space: nowrap;
         left: 50%;
-        width: 200px;
-        margin-left: -100px;
+        width: @tooltip-max-width;
+        margin-left: -(@tooltip-max-width / 2);
         &.bottom {
           margin-top: 0px;
         }
diff --git a/services/web/frontend/stylesheets/core/variables.less b/services/web/frontend/stylesheets/core/variables.less
index e844347872..5c505cc285 100644
--- a/services/web/frontend/stylesheets/core/variables.less
+++ b/services/web/frontend/stylesheets/core/variables.less
@@ -532,7 +532,7 @@
 //##
 
 //** Tooltip max width
-@tooltip-max-width: 200px;
+@tooltip-max-width: 220px;
 //** Tooltip text color
 @tooltip-color: #fff;
 //** Tooltip background color
diff --git a/services/web/frontend/stylesheets/variables/all.less b/services/web/frontend/stylesheets/variables/all.less
index 036f474160..2da309bf3b 100644
--- a/services/web/frontend/stylesheets/variables/all.less
+++ b/services/web/frontend/stylesheets/variables/all.less
@@ -457,7 +457,7 @@
 //##
 
 //** Tooltip max width
-@tooltip-max-width: 200px;
+@tooltip-max-width: 220px;
 //** Tooltip text color
 @tooltip-color: #fff;
 //** Tooltip background color