--- a/swtr/static/css/swtmaker.css
+++ b/swtr/static/css/swtmaker.css
@@ -64,4 +64,21 @@
   z-index: 10000;
   background-color: rgba(255, 255, 255, 0.7);
 }
+
+
+/* text-annotation styles */
+
+#overlayBar {
+  background: #fff;
+  border-bottom: 1px solid #ccc;
+  left: 0;
+  opacity: 0.95;
+  position: fixed;
+  top: 0;
+  width: 100%;
+}
+
+.nav-btn {
+  margin-left: 10px;
+}
--- a/swtr/static/js/app.js
+++ b/swtr/static/js/app.js
@@ -189,10 +189,14 @@
       this.loadOverlayBar();
     },
     loadOverlayBar: function() {
-      var template = "<div id='overlayBar' class='navbar' style='background:grey;position:fixed; top:0px; left:0px;width:100%;'><div class='navbar-inner'><div class='container-fluid'>"+
-            "<a href='/' >Try a different website.</a>"+
-            "<button id='show-sweets' disabled='enabled' class='btn btn-default'>Sweets"+
-            "</button><button id='sign-in' class='btn btn-sm btn-primary'>Sign In</button><span id='signinview'></span></div></div></div>";
+      var template = "<div id='overlayBar' class='navbar'><a class='navbar-brand'>Swtr - Text Annotation</a>" +
+        "<div class='navbar-inner'><div class='container-fluid'>" +
+        "<button id='sign-in' class='btn btn-default navbar-btn pull-right'>Sign In</button>" +
+        "<button id='show-sweets' disabled='true' class='btn btn-primary navbar-btn'>Sweet</button>" +
+        "<a href='/' class='btn btn-default navbar-btn nav-btn'>Try a different website</a>"
+        "<span id='signinview' class='pull-right'></span>" +
+        "</div></div></div>";
+
       $(document.body).append(template);
     },
     signIn: function(e) {