diff --git a/src/app/app.component.html b/src/app/app.component.html
index 765de9e..f04da24 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,6 +1,6 @@
 <app-header></app-header>
 <div class="container-fluid">
-  <div class="row tfw-first-row">
+  <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>
diff --git a/src/app/webide/webide.component.html b/src/app/webide/webide.component.html
index 1cb300a..c03dbdb 100644
--- a/src/app/webide/webide.component.html
+++ b/src/app/webide/webide.component.html
@@ -1,12 +1,11 @@
-<ul class="editor-tabs">
-  <li class="editor-li" *ngFor="let file of files">
-    <button class="btn btn-primary btn-xs"
-            [class.active]="filename === file"
-            (click)="selectCode(file); requestCode();">
-      {{file}}
-    </button>
-  </li>
-</ul>
+<div class="btn-group btn-group-sm flex-wrap">
+  <button *ngFor="let file of files"
+          class="btn btn-secondary"
+          [class.active]="filename === file"
+          (click)="selectCode(file); requestCode();">
+    {{file}}
+  </button>
+</div>
 
 <div
   ace-editor