diff --git a/src/App.tsx b/src/App.tsx
index a25bad90..cdbd62db 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -95,7 +95,7 @@ function App() {
                 </TabList>
 
                 <TabPanels overflow="hidden">
-                  <TabPanel padding={0}>
+                  <TabPanel padding={0} height="100%">
                     {sourceState.matches({
                       with_source: 'loading_content',
                     }) && (
diff --git a/src/EditorPanel.scss b/src/EditorPanel.scss
index 5bbf43f8..4f29e3d6 100644
--- a/src/EditorPanel.scss
+++ b/src/EditorPanel.scss
@@ -1,9 +1,5 @@
 [data-panel='editor'] {
-  max-height: 100vh;
+  height: 100%;
   display: grid;
   grid-template-rows: 1fr 3rem;
 }
-
-.vscode-editor {
-  height: 75vh; // TODO: figure out how to do this in Chakra
-}
diff --git a/src/EditorWithXStateImports.tsx b/src/EditorWithXStateImports.tsx
index 69b80396..2408cdbe 100644
--- a/src/EditorWithXStateImports.tsx
+++ b/src/EditorWithXStateImports.tsx
@@ -18,7 +18,6 @@ export const EditorWithXStateImports = (
       defaultLanguage="typescript"
       defaultValue={props.defaultValue}
       theme="vs-dark"
-      className="vscode-editor"
       options={{ readOnly: props.readonly }}
       loading={<SpinnerWithText text="Preparing the editor" />}
       onChange={(text) => {