chore: update scrollbar so it looks less like a buggy element (#279)

Last time I opened the editor i thought it was something else but not a
scroll bar...

Co-authored-by: Juan <[email protected]>

Author: juaoose

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)",