diff --git a/app/components/chapter-nav.hbs b/app/components/chapter-nav.hbs
index 34e73fb..2a1ae58 100644
--- a/app/components/chapter-nav.hbs
+++ b/app/components/chapter-nav.hbs
@@ -1,4 +1,5 @@
 <Scrollmenu @visible={{@visible}}>
+  <span class="label">Chapters:</span>
   {{#each @book.chapters as |chapter|}}
     <Chapter @book={{@book}} @chapter={{chapter}} @active={{this.isChapterActive}} @showVerses={{this.showVerses}} />
   {{/each}}
diff --git a/app/components/scrollmenu.hbs b/app/components/scrollmenu.hbs
index 70c6cc0..bdd9794 100644
--- a/app/components/scrollmenu.hbs
+++ b/app/components/scrollmenu.hbs
@@ -1,3 +1,3 @@
-<div class="scrollmenu" style="visibility: {{this.visibility}}">
+<div class="scrollmenu" style="display: {{this.visibility}}">
   {{yield}}
 </div>
diff --git a/app/components/scrollmenu.js b/app/components/scrollmenu.js
index 5c6feb1..a1577d1 100644
--- a/app/components/scrollmenu.js
+++ b/app/components/scrollmenu.js
@@ -5,9 +5,9 @@ import { action } from '@ember/object';
 export default class ScrollmenuComponent extends Component {
   get visibility() {
     if (this.args.visible == 'false' || this.args.visible == false) {
-      return "hidden";
+      return "none";
     } else {
-      return "visible";
+      return "inline-block";
     }
   }
 }
diff --git a/app/components/verse-nav.hbs b/app/components/verse-nav.hbs
index 65efe3a..afa92b6 100644
--- a/app/components/verse-nav.hbs
+++ b/app/components/verse-nav.hbs
@@ -1,4 +1,5 @@
 <Scrollmenu @visible={{@visible}}>
+    <span class="label">Verses:</span>
   {{#each this.verseList as |verse|}}
     <Verse @book={{@book.name}} @chapter={{@chapter}} @verse={{verse}} @verseSelected={{this.verseSelected}} />
   {{/each}}