diff --git a/addons/web_editor/static/src/scss/web_editor.common.scss b/addons/web_editor/static/src/scss/web_editor.common.scss
index 85197aa8de3..300e5812c2a 100644
--- a/addons/web_editor/static/src/scss/web_editor.common.scss
+++ b/addons/web_editor/static/src/scss/web_editor.common.scss
@@ -252,29 +252,29 @@ img.ms-auto, img.mx-auto {
 
 @for $index from 1 through 4 {
     .display-#{$index}-fs {
-        font-size: map-get($display-font-sizes, $index);
+        @include font-size(map-get($display-font-sizes, $index));
     }
 }
 .h1-fs {
-    font-size: $h1-font-size;
+    @include font-size($h1-font-size);
 }
 .h2-fs {
-    font-size: $h2-font-size;
+    @include font-size($h2-font-size);
 }
 .h3-fs {
-    font-size: $h3-font-size;
+    @include font-size($h3-font-size);
 }
 .h4-fs {
-    font-size: $h4-font-size;
+    @include font-size($h4-font-size);
 }
 .h5-fs {
-    font-size: $h5-font-size;
+    @include font-size($h5-font-size);
 }
 .h6-fs {
-    font-size: $h6-font-size;
+    @include font-size($h6-font-size);
 }
 .base-fs {
-    font-size: $font-size-base;
+    @include font-size($font-size-base);
 }
 
 div.media_iframe_video {