diff --git a/web-editor/src/theme/editorTheme.jsx b/web-editor/src/theme/editorTheme.jsx
index 818e344..9ad2a6c 100644
--- a/web-editor/src/theme/editorTheme.jsx
+++ b/web-editor/src/theme/editorTheme.jsx
@@ -4,11 +4,12 @@ import OskariSemiBold from "../fonts/OskariG2-SemiBold.ttf";
 
 export const scrollbarStyles = {
   "&::-webkit-scrollbar": {
-    width: "0.5em",
+    width: "0.4em",
   },
   "&::-webkit-scrollbar-track": {
     boxShadow: "inset 0 0 6px rgba(0,0,0,0.00)",
     webkitBoxShadow: "inset 0 0 6px rgba(0,0,0,0.00)",
+    margin: "0 1em 0 1em",
   },
   "&::-webkit-scrollbar-thumb": {
     backgroundColor: "rgba(0,0,0,.1)",