diff --git a/css/backoffice/components/_datatable.scss b/css/backoffice/components/_datatable.scss
index ff6e4d661..58ae77045 100644
--- a/css/backoffice/components/_datatable.scss
+++ b/css/backoffice/components/_datatable.scss
@@ -18,6 +18,18 @@ $ibo-datatable--sort-order--color: $ibo-color-orange-600 !default;
 
 $ibo-fieldsorter--selected--background-color: $ibo-color-blue-200 !default;
 
+
+/* CSS variables (can be changed directly from the browser) */
+:root {
+  --ibo-datatable-panel--table-spacing: #{$ibo-datatable-panel--table-spacing};
+}
+
+.ibo-datatable {
+  .ibo-datatable-header {
+    color: var(--ibo-body-text-color);
+  }
+}
+
 .ibo-datatable--toolbar {
   display: flex;
   justify-content: space-between;
diff --git a/css/backoffice/components/_title.scss b/css/backoffice/components/_title.scss
index 8edbf6066..e132cc214 100644
--- a/css/backoffice/components/_title.scss
+++ b/css/backoffice/components/_title.scss
@@ -19,6 +19,10 @@ $ibo-title--icon-background--size--must-zoomout: 66.67% !default;
 
   color: $ibo-title--text-color;
   padding: $ibo-title--padding-y $ibo-title--padding-x;
+
+  .ibo-title--text {
+    @extend %ibo-font-ral-sembol-300;
+  }
 }
 
 .ibo-title--icon {
diff --git a/css/backoffice/components/dashlet/_dashlet-badge.scss b/css/backoffice/components/dashlet/_dashlet-badge.scss
index c22238d06..fe745d19c 100644
--- a/css/backoffice/components/dashlet/_dashlet-badge.scss
+++ b/css/backoffice/components/dashlet/_dashlet-badge.scss
@@ -20,6 +20,16 @@ $ibo-dashlet-badge--icon--size: 48px !default;
 
 $ibo-dashlet-badge--action-icon--margin-right: 6px !default;
 
+/* CSS variables (can be changed directly from the browser) */
+:root {
+  --ibo-dashlet-badge--min-width: #{$ibo-dashlet-badge--min-width};
+  --ibo-dashlet-badge--padding-x: #{$ibo-dashlet-badge--padding-x};
+  --ibo-dashlet-badge--padding-y: #{$ibo-dashlet-badge--padding-y};
+  --ibo-dashlet-badge--background-color: #{$ibo-dashlet-badge--background-color};
+  --ibo-dashlet-badge--border: #{$ibo-dashlet-badge--border};
+  --ibo-dashlet-badge--border-radius: #{$ibo-dashlet-badge--border-radius};
+}
+
 /* Rules */
 .ibo-dashlet-badge {
   max-width: $ibo-dashlet-badge--max-width;
diff --git a/templates/base/components/title/layout.html.twig b/templates/base/components/title/layout.html.twig
index bda12018d..ab025454f 100644
--- a/templates/base/components/title/layout.html.twig
+++ b/templates/base/components/title/layout.html.twig
@@ -7,7 +7,7 @@
         {% endif %}
         <div class="ibo-title--content">
             {% block iboPageTitleText %}
-                <h{{ oUIBlock.GetLevel() }} class="ibo-title--text title is-size-{{ oUIBlock.GetLevel() + 2 }}">
+                <h{{ oUIBlock.GetLevel() }} class="ibo-title--text is-size-{{ oUIBlock.GetLevel() + 2 }}">
                     {% for oSubBlock in oUIBlock.GetSubBlocks() %}
                         {{ render_block(oSubBlock, {aPage: aPage}) }}
                     {% endfor %}