diff --git a/index.html b/index.html
index 69d8e1ab3..bad0efe90 100644
--- a/index.html
+++ b/index.html
@@ -7,9 +7,16 @@
     <link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre-exp.min.css">
     <link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre-icons.min.css">
     <title>Bangle.js loader</title>
+    <style>
+		.navbar { background-color: #5755d9; padding: 0.5em 1em 0.5em 1em; }
+		.navbar .navbar-brand { 
+			color: #fff; 
+      font-weight: bold;
+		}
+	</style>
   </head>
   <body>
-    <header class="navbar">
+    <header class="navbar-primary navbar">
       <section class="navbar-section">
         <a href="#" class="navbar-brand mr-2">Bangle.js Loader</a>
         <!-- <a href="#" class="btn btn-link">...</a> -->
@@ -68,7 +75,7 @@
     <div class="container bangle-tab" id="aboutcontainer" style="display:none">
       <div class="hero bg-gray">
         <div class="hero-body">
-          <h1>About Bangle.js loader</h1>
+          <h1>Bangle.js Loader</h1>
           <p>A tool for uploading and removing apps from <a href="https://banglejs.com">Bangle.js Smart Watches</a></p>
         </div>
       </div>
