diff --git a/src/Editor.css b/src/Editor.css
index 74eb5c1..3716e3a 100644
--- a/src/Editor.css
+++ b/src/Editor.css
@@ -5,11 +5,16 @@
   width: 100%;
 }
 
-.Editor-textarea {
+.Editor-textwrapper {
   flex: 1;
   flex-basis: 0;
 }
 
+.Editor-textarea {
+  width: 100%;
+  height: 100%;
+}
+
 .Editor-ast {
   flex: 1;
   background: green;
diff --git a/src/Editor.tsx b/src/Editor.tsx
index f465e97..bdc63dc 100644
--- a/src/Editor.tsx
+++ b/src/Editor.tsx
@@ -7,7 +7,9 @@ function Editor() {
 
   return (
     <div className="Editor">
-      <textarea onChange={handleChange} className="Editor-textarea"></textarea>
+      <div className="Editor-textwrapper">
+        <textarea onChange={handleChange} className="Editor-textarea"></textarea>
+      </div>
       <div className="Editor-ast"></div>
     </div>
   );