diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index dfd52a4..3db3706 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -1,3 +1,3 @@
-.tfw-first-row {
-  height: 300px;
+.first-row {
+  height: 40vh;
 }
diff --git a/src/app/webide/webide.component.scss b/src/app/webide/webide.component.scss
index 63c93ea..27914f7 100644
--- a/src/app/webide/webide.component.scss
+++ b/src/app/webide/webide.component.scss
@@ -1,5 +1,5 @@
 .tfw-ace-editor {
-  min-height: 200px;
+  height: 80%;
   width:100%;
   overflow: auto;
 }