From 9ea52ddb963f7e81496d8332fcbd3942edfbba86 Mon Sep 17 00:00:00 2001
From: Nathan Richards <nathan.richards@irysan.com>
Date: Wed, 26 Aug 2026 18:03:03 +0200
Subject: [PATCH] fix: don't show a scrollbar for short student instructions

---
 src/assets/stylesheets/Instructions.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/assets/stylesheets/Instructions.scss b/src/assets/stylesheets/Instructions.scss
index cfe291220..cb94b47df 100644
--- a/src/assets/stylesheets/Instructions.scss
+++ b/src/assets/stylesheets/Instructions.scss
@@ -6,7 +6,10 @@
 @use "./scratch_colours" as *;
 
 .project-instructions {
-  block-size: 100%;
+  // Student preview sizes to its content so short steps are not scrollable.
+  &:has(.c-instruction-tabs) {
+    block-size: 100%;
+  }
 
   @each $block, $category in $scratch-block-categories {
     code.block3#{$block} {