diff --git a/hugo/assets/scripts/arithmetics/arithmetics.tsx b/hugo/assets/scripts/arithmetics/arithmetics.tsx
index 89f87589..a4f74e2a 100644
--- a/hugo/assets/scripts/arithmetics/arithmetics.tsx
+++ b/hugo/assets/scripts/arithmetics/arithmetics.tsx
@@ -175,7 +175,7 @@ class App extends React.Component<{}, AppState> {
                     <div className="border-solid border border-emeraldLangium bg-emeraldLangiumDarker flex items-center p-3 text-white font-mono ">
                         Preview
                     </div>
-                    <div className="border border-emeraldLangium h-full w-full">
+                    <div className="border border-emeraldLangium h-full w-full overflow-hidden overflow-y-scroll">
                         <Preview ref={this.preview} focusLine={(line: number) => {
                             this.monacoEditor.current?.getEditorWrapper()?.getEditor()?.revealLineInCenter(line);
                             this.monacoEditor.current?.getEditorWrapper()?.getEditor()?.setPosition({ lineNumber: line, column: 1 });
diff --git a/hugo/assets/scripts/statemachine/statemachine.tsx b/hugo/assets/scripts/statemachine/statemachine.tsx
index a3b1f6b0..c33b510c 100644
--- a/hugo/assets/scripts/statemachine/statemachine.tsx
+++ b/hugo/assets/scripts/statemachine/statemachine.tsx
@@ -278,7 +278,7 @@ class StateMachineComponent extends React.Component<{
           <div className="border-solid border border-emeraldLangium bg-emeraldLangiumDarker flex items-center p-3 text-white font-mono ">
             Preview
           </div>
-          <div className="border border-emeraldLangium h-full w-full">
+          <div className="border border-emeraldLangium h-full w-full overflow-hidden overflow-y-scroll">
             <Preview ref={this.preview} />
           </div>
         </div>