Show horizontal scrollbar in editor when needed (#1228)

jamiebenstead · web-flow · commit e5d90c0df3ad · 2025-07-21T11:04:44.000+01:00
closes RaspberryPiFoundation/digital-editor-issues#720
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -19,6 +19,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 ## Changed
 
 - Improved status bar styling (#1221)
+- Added horizontal scrollbar to editor (#1228)
 
 ## [0.30.1] - 2025-06-09
 
diff --git a/src/assets/stylesheets/EditorPanel.scss b/src/assets/stylesheets/EditorPanel.scss
@@ -1,5 +1,5 @@
-@use './rpf_design_system/spacing' as *;
-@use './rpf_design_system/font-size' as *;
+@use "./rpf_design_system/spacing" as *;
+@use "./rpf_design_system/font-size" as *;
 
 .editor {
   display: flex;
@@ -17,6 +17,7 @@
 
     .cm-scroller {
       overflow: auto;
+      scrollbar-width: thin;
       overscroll-behavior-x: none;
 
       .cm-content {
