diff --git a/components/modals/Modal.vue b/components/modals/Modal.vue
index 88c76006..09a67d72 100644
--- a/components/modals/Modal.vue
+++ b/components/modals/Modal.vue
@@ -72,7 +72,7 @@ export default {
   methods: {
     clickBg(ev) {
       if (this.processing && this.persistent) return
-      if (ev && ev.srcElement && ev.srcElement.classList.contains('modal-bg')) {
+      if (ev && ev.srcElement && ev.srcElement.classList && ev.srcElement.classList.contains('modal-bg')) {
         this.show = false
       }
     },
diff --git a/components/readers/EpubReader.vue b/components/readers/EpubReader.vue
index 11801798..09a11c01 100644
--- a/components/readers/EpubReader.vue
+++ b/components/readers/EpubReader.vue
@@ -58,13 +58,6 @@ export default {
         this.rendition.next()
       }
     },
-    keyUp() {
-      if ((e.keyCode || e.which) == 37) {
-        this.prev()
-      } else if ((e.keyCode || e.which) == 39) {
-        this.next()
-      }
-    },
     initEpub() {
       var book = ePub(this.url)
       this.book = book
@@ -93,7 +86,7 @@ export default {
               console.error('No Start', currentLocation)
             } else {
               var currentPage = book.locations.percentageFromCfi(currentLocation.start.cfi)
-              // console.log('current page', currentPage)
+              console.log('current page', currentPage)
             }
           })
         })
@@ -105,10 +98,10 @@ export default {
         })
         this.chapters = _chapters
       })
-      book.loaded.metadata.then((metadata) => {
-        // this.author = metadata.creator
-        // this.title = metadata.title
-      })
+      // book.loaded.metadata.then((metadata) => {
+      // this.author = metadata.creator
+      // this.title = metadata.title
+      // })
 
       // const spine_get = book.spine.get.bind(book.spine)
       // book.spine.get = function (target) {
@@ -121,8 +114,6 @@ export default {
       //   return t
       // }
 
-      this.rendition.on('keyup', this.keyUp)
-
       this.rendition.on('relocated', (location) => {
         var percent = book.locations.percentageFromCfi(location.start.cfi)
         this.progress = Math.floor(percent * 100)
diff --git a/components/readers/Reader.vue b/components/readers/Reader.vue
index f202319e..5c7e68f4 100644
--- a/components/readers/Reader.vue
+++ b/components/readers/Reader.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-if="show" class="absolute top-0 left-0 w-full h-full bg-bg z-40 pt-16" :class="{ 'reader-player-open': !!playerLibraryItemId }">
-    <div class="h-16 pt-6 w-full bg-primary flex items-center px-2 fixed top-0 left-0 z-30 box-shadow-sm">
+    <div class="h-16 pt-8 w-full bg-primary flex items-center px-2 fixed top-0 left-0 z-30 box-shadow-sm">
       <p class="w-5/6 truncate">{{ title }}</p>
       <div class="flex-grow" />
       <span class="material-icons text-xl text-white" @click.stop="show = false">close</span>