diff --git a/assets/css/common.css.sass b/assets/css/common.css.sass
index 78a5f27..0cf632f 100644
--- a/assets/css/common.css.sass
+++ b/assets/css/common.css.sass
@@ -8,4 +8,21 @@ body
 #app
   max-width: 320px
   margin: 0 auto
+  padding-top: 2.5em
   padding-bottom: 5.625em
+
+header
+  position: fixed
+  top: 0
+  width: 100%
+  background: rgba(248, 248, 248, 0.95)
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
+  z-index: 1
+  #library
+    position: absolute
+    left: 10px
+    top: 8px
+    @include button
+  h1
+    text-align: center
+    font-size: 1em
diff --git a/assets/css/includes/button.css.sass b/assets/css/includes/button.css.sass
new file mode 100644
index 0000000..009939a
--- /dev/null
+++ b/assets/css/includes/button.css.sass
@@ -0,0 +1,5 @@
+@mixin button
+  border: none
+  background: none
+  color: $highlight
+  font-size: 0.8em
diff --git a/assets/css/mpd-client.css.sass b/assets/css/mpd-client.css.sass
index cc80617..6b8db47 100644
--- a/assets/css/mpd-client.css.sass
+++ b/assets/css/mpd-client.css.sass
@@ -2,6 +2,7 @@
 
 @import 'includes/fonts'
 @import 'includes/colours'
+@import 'includes/button'
 @import 'common'
 @import 'transport'
 @import 'queue'
diff --git a/public/views/queue.ejs b/public/views/queue.ejs
index 8674709..576dee6 100644
--- a/public/views/queue.ejs
+++ b/public/views/queue.ejs
@@ -1,3 +1,7 @@
+<header>
+  <button id="library">Library</button>
+  <h1>Queue</h1>
+</header>
 <ol id="queue">
   <% list(queueSongs, function(song) { %>
     <li id="<%= song.attr('id') %>" data-pos="<%= song.attr('pos') %>" <%= song.attr('playing') ? 'class="playing"' : '' %>>