diff --git a/src/app/app.component.html b/src/app/app.component.html
index 538060e..9e851ed 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,11 +1,11 @@
 <app-header></app-header>
 <div class="container-fluid">
-  <div class="row">
-    <div class="col-sm"><app-login></app-login></div>
-    <div class="col-sm-6"><app-webide></app-webide></div>
-    <div class="col-sm"><app-messages></app-messages></div>
+  <div class="row first-row">
+    <div class="col-sm login-div"><app-login></app-login></div>
+    <div class="col-sm-6 webide-div"><app-webide></app-webide></div>
+    <div class="col-sm messages-div"><app-messages></app-messages></div>
   </div>
-  <div class="row">
-    <div class="col-sm"><app-terminal></app-terminal></div>
+  <div class="row second-row">
+    <div class="col-sm terminal-div"><app-terminal></app-terminal></div>
   </div>
 </div>