diff --git a/res/css/_common.scss b/res/css/_common.scss
index 867a04bf6c..f3c172bafa 100644
--- a/res/css/_common.scss
+++ b/res/css/_common.scss
@@ -705,11 +705,6 @@ legend {
     margin-right: 100px;
 }
 
-@define-mixin mx_Settings_tooltip {
-    // So it fits in the space provided by the page
-    max-width: 120px;
-}
-
 @define-mixin ProgressBarColour $colour {
     color: $colour;
     &::-moz-progress-bar {
diff --git a/res/css/views/settings/_SetIdServer.scss b/res/css/views/settings/_SetIdServer.scss
index 98c64b7218..3296dfee96 100644
--- a/res/css/views/settings/_SetIdServer.scss
+++ b/res/css/views/settings/_SetIdServer.scss
@@ -19,5 +19,5 @@ limitations under the License.
 }
 
 .mx_SetIdServer_tooltip {
-    @mixin mx_Settings_tooltip;
+    max-width: var(--SettingsTab_tooltip-max-width);
 }
diff --git a/res/css/views/settings/tabs/_SettingsTab.scss b/res/css/views/settings/tabs/_SettingsTab.scss
index fa7c594f26..1f8186d45b 100644
--- a/res/css/views/settings/tabs/_SettingsTab.scss
+++ b/res/css/views/settings/tabs/_SettingsTab.scss
@@ -16,6 +16,8 @@ limitations under the License.
 
 .mx_SettingsTab {
     --SettingsTab_section-margin-bottom-preferences-labs: 30px;
+    --SettingsTab_tooltip-max-width: 120px; // So it fits in the space provided by the page
+
     color: $primary-content;
 
     a {