1 files changed, 5 insertions, 14 deletions

diff --git a/subprojects/frontend/src/App.tsx b/subprojects/frontend/src/App.tsx
index 12c66eb9..3a25f43a 100644
--- a/subprojects/frontend/src/App.tsx
+++ b/subprojects/frontend/src/App.tsx
@@ -1,23 +1,14 @@
-import Box from '@mui/material/Box';
-import Toolbar from '@mui/material/Toolbar';
+import Stack from '@mui/material/Stack';
 import React from 'react';
 
 import TopBar from './TopBar';
-import EditorArea from './editor/EditorArea';
-import EditorButtons from './editor/EditorButtons';
-import GenerateButton from './editor/GenerateButton';
+import EditorPane from './editor/EditorPane';
 
 export default function App(): JSX.Element {
   return (
-    <Box display="flex" flexDirection="column" sx={{ height: '100vh' }}>
+    <Stack direction="column" height="100vh" overflow="auto">
       <TopBar />
-      <Toolbar variant="dense">
-        <EditorButtons />
-        <GenerateButton />
-      </Toolbar>
-      <Box flexGrow={1} flexShrink={1} overflow="auto">
-        <EditorArea />
-      </Box>
-    </Box>
+      <EditorPane />
+    </Stack>
   );
 }