diff --git a/fedireads/static/js/shared.js b/fedireads/static/js/shared.js
index c63e44ca..1859c4af 100644
--- a/fedireads/static/js/shared.js
+++ b/fedireads/static/js/shared.js
@@ -1,4 +1,5 @@
-function show_compose(element) {
+function show_compose(element, e) {
+    e.preventDefault();
     var visible_compose_boxes = document.getElementsByClassName('visible');
     for (var i = 0; i < visible_compose_boxes.length; i++) {
         visible_compose_boxes[i].className = 'compose-suggestion';
diff --git a/fedireads/templates/snippets/covers_shelf.html b/fedireads/templates/snippets/covers_shelf.html
index feddbfa7..d6a8b880 100644
--- a/fedireads/templates/snippets/covers_shelf.html
+++ b/fedireads/templates/snippets/covers_shelf.html
@@ -11,8 +11,8 @@
         </h2>
         <div class="covers-shelf {{ shelf.identifier }}">
             {% for book in shelf.books %}
-            <div class="book-preview" onclick="show_compose(this)" id="book-{{ book.id }}">
-                {% include 'snippets/book_cover.html' with book=book %}
+            <div class="book-preview" onclick="show_compose(this, event)" id="book-{{ book.id }}">
+                <a href="{{ book.absolute_id }}">{% include 'snippets/book_cover.html' with book=book %}</a>
                 {% include 'snippets/shelve_button.html' with book=book %}
             </div>
             {% endfor %}