diff --git a/docs/index.html b/docs/index.html
index b007e28..424a5ed 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -73,6 +73,10 @@
       width: 30%;
     }
 
+    .material {
+      background-color: #263238;
+    }
+
     .logo {
       padding-top: 30px !important;
     }
@@ -219,8 +223,8 @@ <h5 class="col s12 light">Machine learning movie recommender</h5>
         <h6 class="col s12 light"><span id="gh-latest"></span></h6>
       </div>
       <div class="row center">
-        <a href="https://github.com/klauscfhq/moviebox/releases/latest" class="btn-large waves-effect waves-light btn-spacing black"><i class="fa fa-download left"></i>Download</a>
-        <a href="https://github.com/klauscfhq/moviebox" class="btn-large waves-effect waves-light btn-spacing black"><i class="fa fa-code-fork left"></i>View Source</a>
+        <a href="https://github.com/klauscfhq/moviebox/releases/latest" class="btn-large waves-effect waves-light btn-spacing material"><i class="fa fa-download left"></i>Download</a>
+        <a href="https://github.com/klauscfhq/moviebox" class="btn-large waves-effect waves-light btn-spacing material"><i class="fa fa-code-fork left"></i>View Source</a>
       </div>
     </div>
   </div>