diff --git a/src/assets/stylesheets/Instructions.scss b/src/assets/stylesheets/Instructions.scss
index 5f529141d..32c680570 100644
--- a/src/assets/stylesheets/Instructions.scss
+++ b/src/assets/stylesheets/Instructions.scss
@@ -11,16 +11,17 @@
     block-size: 100%;
   }
 
+  code[class*="block3"] {
+    color: var(--rpf-black);
+    background-color: var(--rpf-grey-150);
+  }
+
   @each $block, $category in $scratch-block-categories {
     code.block3#{$block} {
       background-color: var(--scratch-#{$category}-primary);
     }
   }
 
-  code[class*="block3"] {
-    color: var(--rpf-black);
-  }
-
   &__content {
     padding-block-end: var(--project-instructions-padding, var(--space-2));
   }
diff --git a/src/assets/stylesheets/_scratch_colours.scss b/src/assets/stylesheets/_scratch_colours.scss
index e3cde868e..f4c77f437 100644
--- a/src/assets/stylesheets/_scratch_colours.scss
+++ b/src/assets/stylesheets/_scratch_colours.scss
@@ -7,6 +7,7 @@ $scratch-block-categories: (
   "control": "control",
   "events": "events",
   "extensions": "pen",
+  "lists": "data-lists",
   "looks": "looks",
   "motion": "motion",
   "myblocks": "more",
diff --git a/src/components/Menus/Sidebar/InstructionsPanel/InstructionsStep/InstructionsStep.test.jsx b/src/components/Menus/Sidebar/InstructionsPanel/InstructionsStep/InstructionsStep.test.jsx
index 5d8685bdd..9c5ab7b2c 100644
--- a/src/components/Menus/Sidebar/InstructionsPanel/InstructionsStep/InstructionsStep.test.jsx
+++ b/src/components/Menus/Sidebar/InstructionsPanel/InstructionsStep/InstructionsStep.test.jsx
@@ -85,6 +85,7 @@ describe("When markdown attaches a class to inline code", () => {
     "block3control",
     "block3events",
     "block3extensions",
+    "block3lists",
     "block3looks",
     "block3motion",
     "block3myblocks",