diff --git a/bookwyrm/static/css/bookwyrm.css b/bookwyrm/static/css/bookwyrm.css
index 71947aea..5ef6e61a 100644
--- a/bookwyrm/static/css/bookwyrm.css
+++ b/bookwyrm/static/css/bookwyrm.css
@@ -124,6 +124,14 @@ body {
     position: relative;
 }
 
+.cover-container.is-small {
+    height: 100px;
+}
+
+.cover-container.is-medium {
+    height: 150px;
+}
+
 /*
 .cover-container.is-large {
     height: max-content;
@@ -135,14 +143,6 @@ body {
     height: auto;
 }
 
-.cover-container.is-medium {
-    height: 150px;
-}
-
-.cover-container.is-small {
-    height: 100px;
-}
-
 @media only screen and (max-width: 768px) {
     .cover-container {
         height: 200px;
@@ -163,6 +163,11 @@ body {
     image-rendering: optimizeQuality;
 }
 
+[class~="has-height"] .book-cover {
+    width: auto;
+    height: 100%;
+}
+
 .no-cover .cover_caption {
     position: absolute;
     padding: 1em;
diff --git a/bookwyrm/templates/book/book.html b/bookwyrm/templates/book/book.html
index f1aaaf51..28850673 100644
--- a/bookwyrm/templates/book/book.html
+++ b/bookwyrm/templates/book/book.html
@@ -49,7 +49,7 @@
     <div class="columns">
         <div class="column is-one-fifth">
             <div class="is-clipped">
-                {% include 'snippets/book_cover.html' with book=book size=large %}
+                {% include 'snippets/book_cover.html' with book=book cover_class='is-large' %}
                 {% include 'snippets/rate_action.html' with user=request.user book=book %}
             </div>
             <div class="mb-3">
diff --git a/bookwyrm/templates/book/edit_book.html b/bookwyrm/templates/book/edit_book.html
index 1702cf5d..7f8644b4 100644
--- a/bookwyrm/templates/book/edit_book.html
+++ b/bookwyrm/templates/book/edit_book.html
@@ -170,7 +170,7 @@
             <h2 class="title is-4">{% trans "Cover" %}</h2>
             <div class="columns">
                 <div class="column is-narrow">
-                    {% include 'snippets/book_cover.html' with book=book size="small" %}
+                    {% include 'snippets/book_cover.html' with book=book cover_class='is-small' %}
                 </div>
                 <div class="column is-narrow">
                     <div class="block">
diff --git a/bookwyrm/templates/book/editions.html b/bookwyrm/templates/book/editions.html
index 70f067f7..4ec39218 100644
--- a/bookwyrm/templates/book/editions.html
+++ b/bookwyrm/templates/book/editions.html
@@ -16,7 +16,7 @@
     <div class="columns">
         <div class="column is-2">
             <a href="/book/{{ book.id }}">
-                {% include 'snippets/book_cover.html' with book=book size="medium" %}
+                {% include 'snippets/book_cover.html' with book=book cover_class='is-medium' %}
             </a>
         </div>
         <div class="column is-7">
diff --git a/bookwyrm/templates/discover/large-book.html b/bookwyrm/templates/discover/large-book.html
index 303d7318..408e20c0 100644
--- a/bookwyrm/templates/discover/large-book.html
+++ b/bookwyrm/templates/discover/large-book.html
@@ -8,7 +8,7 @@
             <div class="column">
                 <a
                     href="{{ book.local_path }}"
-                >{% include 'snippets/book_cover.html' with size="large" %}</a>
+                >{% include 'snippets/book_cover.html' with cover_class='is-large' %}</a>
 
                 {% include 'snippets/stars.html' with rating=book|rating:request.user %}
             </div>
diff --git a/bookwyrm/templates/discover/small-book.html b/bookwyrm/templates/discover/small-book.html
index f80a2690..048e5a71 100644
--- a/bookwyrm/templates/discover/small-book.html
+++ b/bookwyrm/templates/discover/small-book.html
@@ -6,7 +6,7 @@
     {% with book=book %}
         <a
             href="{{ book.local_path }}"
-        >{% include 'snippets/book_cover.html' with size="small" %}</a>
+        >{% include 'snippets/book_cover.html' with cover_class='is-small' %}</a>
 
         {% include 'snippets/stars.html' with rating=book|rating:request.user %}
 
diff --git a/bookwyrm/templates/feed/feed_layout.html b/bookwyrm/templates/feed/feed_layout.html
index edbab016..15e84a59 100644
--- a/bookwyrm/templates/feed/feed_layout.html
+++ b/bookwyrm/templates/feed/feed_layout.html
@@ -37,7 +37,7 @@
                                         aria-label="{{ book.title }}"
                                         aria-selected="{% if active_book == book.id|stringformat:'d' %}true{% elif shelf_counter == 1 and forloop.first %}true{% else %}false{% endif %}"
                                         aria-controls="book-{{ book.id }}">
-                                        {% include 'snippets/book_cover.html' with book=book size="medium" %}
+                                        {% include 'snippets/book_cover.html' with book=book cover_class='is-medium' %}
                                     </a>
                                 </li>
                                 {% endfor %}
diff --git a/bookwyrm/templates/import_status.html b/bookwyrm/templates/import_status.html
index c2985c12..d85bb7fb 100644
--- a/bookwyrm/templates/import_status.html
+++ b/bookwyrm/templates/import_status.html
@@ -125,7 +125,7 @@
             <td>
                 {% if item.book %}
                 <a href="/book/{{ item.book.id }}">
-                {% include 'snippets/book_cover.html' with book=item.book size='small' %}
+                {% include 'snippets/book_cover.html' with book=item.book cover_class='is-small' %}
                 </a>
                 {% endif %}
             </td>
diff --git a/bookwyrm/templates/lists/curate.html b/bookwyrm/templates/lists/curate.html
index 995ba161..fa6a8fb9 100644
--- a/bookwyrm/templates/lists/curate.html
+++ b/bookwyrm/templates/lists/curate.html
@@ -32,7 +32,7 @@
                                 href="{{ book.local_path }}"
                                 aria-hidden="true"
                             >
-                                {% include 'snippets/book_cover.html' with size="small" %}
+                                {% include 'snippets/book_cover.html' with cover_class='is-small' %}
                             </a>
 
                             <div class="column is-9-mobile is-10-tablet ml-3">
diff --git a/bookwyrm/templates/lists/list_items.html b/bookwyrm/templates/lists/list_items.html
index 3e3e8bf4..ddc2fff0 100644
--- a/bookwyrm/templates/lists/list_items.html
+++ b/bookwyrm/templates/lists/list_items.html
@@ -8,11 +8,19 @@
                     <a href="{{ list.local_path }}">{{ list.name }}</a> <span class="subtitle">{% include 'snippets/privacy-icons.html' with item=list %}</span>
                 </h4>
             </header>
-            <div class="card-image is-flex is-clipped">
-                {% for book in list.listitem_set.all|slice:5 %}
-                <a href="{{ book.book.local_path }}">{% include 'snippets/book_cover.html' with book=book.book size="small" %}</a>
-                {% endfor %}
-            </div>
+
+            {% with list_books=list.listitem_set.all|slice:5 %}
+                {% if list_books %}
+                    <div class="card-image columns is-mobile is-gapless is-clipped has-height">
+                        {% for book in list_books %}
+                            <a class="column is-narrow" href="{{ book.book.local_path }}">
+                                {% include 'snippets/book_cover.html' with book=book.book cover_class='is-small' aria='show' %}
+                            </a>
+                        {% endfor %}
+                    </div>
+                {% endif %}
+            {% endwith %}
+
             <div class="card-content is-flex-grow-0">
                 <div {% if list.description %}title="{{ list.description }}"{% endif %}>
                 {% if list.description %}
diff --git a/bookwyrm/templates/lists/lists.html b/bookwyrm/templates/lists/lists.html
index c7d789d0..a7a54811 100644
--- a/bookwyrm/templates/lists/lists.html
+++ b/bookwyrm/templates/lists/lists.html
@@ -28,7 +28,7 @@
 </div>
 
 {% if lists %}
-<section class="block content">
+<section class="block">
     {% include 'lists/list_items.html' with lists=lists %}
 </section>
 
diff --git a/bookwyrm/templates/snippets/book_cover.html b/bookwyrm/templates/snippets/book_cover.html
index b1166f7f..b994343e 100644
--- a/bookwyrm/templates/snippets/book_cover.html
+++ b/bookwyrm/templates/snippets/book_cover.html
@@ -9,21 +9,20 @@
         is-clipped
         is-flex
         is-align-items-center
+        {{ cover_class }}
 
         {% if not book.cover %}
             no-cover
         {% endif %}
-
-        {% if size %}
-            is-{{ size }}
-        {% endif %}
-
-        {% if container_class %}
-            {{ container_class }}
-        {% endif %}
     "
-    aria-hidden="true"
 
+    {% if aria != "show" %}
+        aria-hidden="true"
+    {% endif %}
+
+    {% if book.alt_text %}
+        title="{{ book.alt_text }}"
+    {% endif %}
 >
     <img
         class="book-cover"
@@ -34,7 +33,6 @@
 
             {% if book.alt_text %}
                 alt="{{ book.alt_text }}"
-                title="{{ book.alt_text }}"
             {% endif %}
         {% else %}
             src="/static/images/no_cover.jpg"
diff --git a/bookwyrm/templates/snippets/search_result_text.html b/bookwyrm/templates/snippets/search_result_text.html
index e46dbbeb..e234c82c 100644
--- a/bookwyrm/templates/snippets/search_result_text.html
+++ b/bookwyrm/templates/snippets/search_result_text.html
@@ -1,6 +1,6 @@
 {% load i18n %}
 <div class="columns is-mobile is-gapless">
-    {% include 'snippets/book_cover.html' with book=result container_class='column' img_path=false %}
+    {% include 'snippets/book_cover.html' with book=result cover_class='column' img_path=false %}
 
     <div class="column is-10 ml-3">
         <p>
diff --git a/bookwyrm/templates/snippets/status/generated_status.html b/bookwyrm/templates/snippets/status/generated_status.html
index cb65a6f2..0b673037 100644
--- a/bookwyrm/templates/snippets/status/generated_status.html
+++ b/bookwyrm/templates/snippets/status/generated_status.html
@@ -8,7 +8,7 @@
 <div class="columns is-mobile">
     <div class="column is-narrow">
         <div>
-            <a href="{{ book.local_path }}">{% include 'snippets/book_cover.html' with book=book size="small" %}</a>
+            <a href="{{ book.local_path }}">{% include 'snippets/book_cover.html' with book=book cover_class='is-small' %}</a>
         </div>
     </div>
     <div class="column">
diff --git a/bookwyrm/templates/user/shelf.html b/bookwyrm/templates/user/shelf.html
index 0732327b..d9f264ea 100644
--- a/bookwyrm/templates/user/shelf.html
+++ b/bookwyrm/templates/user/shelf.html
@@ -86,7 +86,7 @@
         {% for book in books %}
         <tr class="book-preview">
             <td>
-                <a href="{{ book.local_path }}">{% include 'snippets/book_cover.html' with book=book size="small" %}</a>
+                <a href="{{ book.local_path }}">{% include 'snippets/book_cover.html' with book=book cover_class='is-small' %}</a>
             </td>
             <td>
                 <a href="{{ book.local_path }}">{{ book.title }}</a>
diff --git a/bookwyrm/templates/user/user.html b/bookwyrm/templates/user/user.html
index a54664ce..9b0c6991 100644
--- a/bookwyrm/templates/user/user.html
+++ b/bookwyrm/templates/user/user.html
@@ -36,7 +36,7 @@
             {% for book in shelf.books %}
             <div class="control">
                 <a href="{{ book.local_path }}">
-                {% include 'snippets/book_cover.html' with book=book size="medium" %}
+                {% include 'snippets/book_cover.html' with book=book cover_class='is-medium' %}
                 </a>
             </div>
             {% endfor %}