diff --git a/css/backoffice/vendors/_ckeditor.scss b/css/backoffice/vendors/_ckeditor.scss
index 886ab0cb2..51d51f551 100644
--- a/css/backoffice/vendors/_ckeditor.scss
+++ b/css/backoffice/vendors/_ckeditor.scss
@@ -18,6 +18,10 @@ $ibo-vendors-ckeditor--autocomplete-item-image--border: 1px solid $ibo-color-gre
 
 $ibo-vendors-ckeditor--autocomplete-item-title--text-color: #3A3A3A !default;
 $ibo-vendors-ckeditor--ck-content--text-color: $ibo-color-grey-900 !default;
+$ibo-vendors-ckeditor--ck-content-pre-language--padding: 0 !default;
+$ibo-vendors-ckeditor--ck-content-pre-language--code--background-color: $ibo-color-grey-900 !default;
+$ibo-vendors-ckeditor--ck-content-pre-language--code--color: $ibo-color-white-100 !default;
+$ibo-vendors-ckeditor--ck-content-pre-language--code--padding: $ibo-vendors-highlightjs--padding !default;
 /* - Following SCSS variables are only there to overlaod the CSS3 variables of CKEditor (see `src/resources/styles/default-theme.css` in CKEditor) */
 $ibo-vendors-ckeditor--ck-color-list-button-on-background: $ibo-color-grey-200 !default;
 $ibo-vendors-ckeditor--ck-color-list-button-on-background-focus: $ibo-color-grey-200 !default;
@@ -87,6 +91,15 @@ $ibo-vendors-ckeditor--ck-color-image-caption-text: $ibo-color-grey-900 !default
     width: 100% !important; /* !important to overload inline style from configuration.width */
   }
 }
+.ck-content pre[data-language] {
+  padding: $ibo-vendors-ckeditor--ck-content-pre-language--padding !important;
+  code {
+    display: block;
+    background: $ibo-vendors-ckeditor--ck-content-pre-language--code--background-color !important;
+    padding: $ibo-vendors-ckeditor--ck-content-pre-language--code--padding !important;
+    color: $ibo-vendors-ckeditor--ck-content-pre-language--code--color !important;
+  }
+}
 
 /* Highlight JS */
 .hljs {