diff --git a/src/components/App.tsx b/src/components/App.tsx
index 05c194c..0fd499f 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -9,7 +9,7 @@ export default function App() {
   const [state, dispatch] = useReducer(reducer, initialState);
 
   return (
-    <main className="flex gap-2 bg-black p-4 text-white ">
+    <main className="flex h-screen gap-2 bg-black p-4 text-white ">
       <div className="flex flex-col gap-2">
         <Controls dispatch={dispatch} />
         <Editor dispatch={dispatch} state={state} />