diff --git a/css/stylesheet.css b/css/stylesheet.css
index fc83383a77d6ae4e0f82ba5a9170ef4b50cbc9ad..d60af625d3ae8ad65eec43e6d635a6a96e825d74 100644
--- a/css/stylesheet.css
+++ b/css/stylesheet.css
@@ -67,12 +67,12 @@ button:hover {
 
 .btn.active,
 button.active {
-    background: rgb(38, 38, 38);
+    background: rgb(36, 36, 36);
 }
 
 .btn.active:hover,
 button.active:hover {
-    background: rgba(38, 38, 38);
+    background: rgba(36, 36, 36);
     color: rgba(187, 187, 187, .8);
 }
 
@@ -90,6 +90,10 @@ button input {
     border: none;
 }
 
+.tab_button{
+  border-bottom: 1px solid #505050;
+}
+
 .divider {
     position: absolute !important;
     z-index: 3;
@@ -396,7 +400,7 @@ section {
     border: none;
     top: 30px;
     height: 30px;
-    background: rgb(38, 38, 38);
+    background: rgb(36, 36, 36);
     padding: 8px;
     font-size: 12px;
 }
diff --git a/index.html b/index.html
index 7e150bc6b9ad294af9e8f576632142f62a70eae9..86ed1f4f9a1521da3a2d47ae66825e157834e978 100644
--- a/index.html
+++ b/index.html
@@ -117,9 +117,9 @@
 <div class="workspace">
     <div class="viewer_container">
         <section class="tab_bar">
-            <button id="btn_doc" data-target="#tab_doc">Tracer API</button>
-            <button class="active" id="btn_desc" data-target="#tab_desc">Description</button>
-            <button id="btn_trace" data-target="#tab_module">Trace</button>
+            <button class="tab_button" id="btn_doc" data-target="#tab_doc">Tracer API</button>
+            <button class="tab_button active" id="btn_desc" data-target="#tab_desc">Description</button>
+            <button class="tab_button" id="btn_trace" data-target="#tab_module">Trace</button>
         </section>
         <section class="tab_container">
             <div class="tab" id="tab_doc">
@@ -136,8 +136,8 @@
     </div>
     <div class="editor_container">
         <section class="files_bar">
-            <button class="btn-left"><i class="fa fa-angle-left" aria-hidden="true"></i></button>
-            <button class="btn-right"><i class="fa fa-angle-right" aria-hidden="true"></i></button>
+            <button class="tab_button btn-left"><i class="fa fa-angle-left" aria-hidden="true"></i></button>
+            <button class="tab_button btn-right"><i class="fa fa-angle-right" aria-hidden="true"></i></button>
             <div class="wrapper"></div>
         </section>
         <section class="explanation_container">
diff --git a/js/dom/add_files.js b/js/dom/add_files.js
index f5e95677c06abcf43095efb6a28442b07ee06d3b..3dd13304738a5933bc32c9f4cba0a2218400e50a 100644
--- a/js/dom/add_files.js
+++ b/js/dom/add_files.js
@@ -24,9 +24,10 @@ module.exports = (category, algorithm, files, requestedFile) => {
 
   each(files, (file, explanation) => {
     var $file = addFileToDOM(category, algorithm, file, explanation);
+    $file.addClass('tab_button');
     if (requestedFile && requestedFile == file) $file.click();
   });
 
   if (!requestedFile) $('.files_bar > .wrapper > button').first().click();
   $('.files_bar > .wrapper').scroll();
-};
\ No newline at end of file
+};