diff --git a/src/app/webide/webide.component.html b/src/app/webide/webide.component.html
index 5bfdd7c..1cb300a 100644
--- a/src/app/webide/webide.component.html
+++ b/src/app/webide/webide.component.html
@@ -1,6 +1,10 @@
 <ul class="editor-tabs">
   <li class="editor-li" *ngFor="let file of files">
-    <button class="editor-button" (click)="selectCode(file); requestCode();">{{file}}</button>
+    <button class="btn btn-primary btn-xs"
+            [class.active]="filename === file"
+            (click)="selectCode(file); requestCode();">
+      {{file}}
+    </button>
   </li>
 </ul>
 
diff --git a/src/app/webide/webide.component.scss b/src/app/webide/webide.component.scss
index fc1c252..87e9a70 100644
--- a/src/app/webide/webide.component.scss
+++ b/src/app/webide/webide.component.scss
@@ -3,3 +3,11 @@
   width:100%;
   overflow: auto;
 }
+
+.editor-tabs {
+  list-style: none;
+}
+
+.editor-li {
+  float: left;
+}