diff --git a/styles/layout-default.less b/styles/layout-default.less
index 1d957a70..9ff434be 100644
--- a/styles/layout-default.less
+++ b/styles/layout-default.less
@@ -469,18 +469,19 @@ nav {
         color: @right-text-color;
     }
 
-    pre {
+    pre, code {
         background-color: @right-code-block-background-color;
         border: 1px solid @right-code-block-border-color;
-
-        code {
-            color: @right-code-block-text-color;
-        }
+        color: @right-code-block-text-color;
     }
 
     .description {
         margin-top: @padding;
     }
+  
+    .note {
+        background-color: @right-note-background-color;
+    }
 }
 
 .triple .resource-heading {
diff --git a/styles/variables-default.less b/styles/variables-default.less
index 0c323367..be53ecae 100644
--- a/styles/variables-default.less
+++ b/styles/variables-default.less
@@ -48,6 +48,7 @@
 @note-title-text-color: @link-color;
 @note-background-color: mix(@link-color, @background-color, 8%);
 @note-border-color: @note-title-text-color;
+@right-node-background-color: mix(@link-color, @right-code-block-background-color, 8%);
 
 @warning-text-color: @text-color;
 @warning-title-text-color: darken(#d9534f, 10%);