diff --git a/docusaurus/src/scss/code-block.scss b/docusaurus/src/scss/code-block.scss
index e2d496da5b..c26a12cdb8 100644
--- a/docusaurus/src/scss/code-block.scss
+++ b/docusaurus/src/scss/code-block.scss
@@ -99,7 +99,8 @@ pre.prism-code {
 
       &.method,
       &.property-access,
-      &.function {
+      &.function,
+      &.attr-name {
         color: var(--custom-code-block-function-color) !important;
       }
 
@@ -134,6 +135,10 @@ pre.prism-code {
     [class*="highlighted-line"] {
       background-color: var(--custom-code-block-background-color-highlighted);
     }
+
+    code {
+      background-color: var(--custom-code-block-background-color);
+    }
   }
 }
 
@@ -155,6 +160,10 @@ pre.prism-code {
         }
       }
     }
+
+    svg {
+      display: initial;
+    }
   }
 
   [class*="codeBlockTitle"] {
@@ -315,6 +324,8 @@ pre.prism-code {
   }
 
   .clean-btn {
+    background-color: transparent;
+
     svg {
       color: var(--strapi-neutral-900);
     }
diff --git a/docusaurus/src/scss/sidebar.scss b/docusaurus/src/scss/sidebar.scss
index 13e82d16cd..6f5f9a1954 100644
--- a/docusaurus/src/scss/sidebar.scss
+++ b/docusaurus/src/scss/sidebar.scss
@@ -346,9 +346,9 @@ $selector-color-mode-toggle-wrapper: 'div[class*="ColorModeToggle"]';
         content:'\E128';
       }
     }
-    svg {
-      display: none;
-    }
+    // svg {
+    //   display: none;
+    // }
     [class*="expandButton"] {
       svg {
         display: none;