diff --git a/app/components/Dashboard/BookList.jsx b/app/components/Dashboard/BookList.jsx
index 7bacc75aa8e84583f867047710f1ed8114f8a2b0..9183f310c21c1ec65aeed024c2878dde61c672c2 100644
--- a/app/components/Dashboard/BookList.jsx
+++ b/app/components/Dashboard/BookList.jsx
@@ -1,13 +1,22 @@
-import { map, reverse, sortBy } from 'lodash'
+import { isEmpty, map, reverse, sortBy } from 'lodash'
 import React from 'react'
 
 import Book from './Book'
+import styles from './dashboard.local.scss'
 
 class BookList extends React.Component {
   renderBookList () {
     const { books, container, remove } = this.props
     if (!books) return 'Fetching...'
 
+    if (isEmpty(books)) {
+      return (
+        <div className={styles['booklist-empty']}>
+          There are no books to display.
+        </div>
+      )
+    }
+
     const items = reverse(sortBy(books, 'created'))
 
     const bookComponents = map(items, book => {
diff --git a/app/components/Dashboard/dashboard.local.scss b/app/components/Dashboard/dashboard.local.scss
index 53a46c1a5c8ea3b5ff2b2b7012222e2b0897071d..cf09e56d4d203afb457b26795a0eed96d0ae1ff5 100644
--- a/app/components/Dashboard/dashboard.local.scss
+++ b/app/components/Dashboard/dashboard.local.scss
@@ -88,4 +88,8 @@ $medium-grey: #838587;
       text-decoration: none;
     }
   }
+
+  .booklist-empty {
+    padding-top: 15px;
+  }
 }