diff --git a/fedireads/static/format.css b/fedireads/static/format.css
index 5ca69791..9144f5ef 100644
--- a/fedireads/static/format.css
+++ b/fedireads/static/format.css
@@ -550,6 +550,9 @@ dd {
 }
 .compose-suggestion {
     display: none;
+    box-shadow: 0 5px 10px rgba(0,0,0,0.15);
+    padding-bottom: 1em;
+    margin-top: 2em;
 }
 input:checked ~ .compose-suggestion {
     display: block;
diff --git a/fedireads/templates/snippets/covers_shelf.html b/fedireads/templates/snippets/covers_shelf.html
index 8521f841..ed68d37c 100644
--- a/fedireads/templates/snippets/covers_shelf.html
+++ b/fedireads/templates/snippets/covers_shelf.html
@@ -28,7 +28,7 @@
 
 {% for shelf in shelves %}
     {% for book in shelf.books %}
-<div class="content-container compose-popout">
+<div class="compose-popout">
     <input name="book-popout" type="radio" id="book-{{ book.id }}-radio"></input>
     <div class="compose-suggestion" id="compose-book-{{ book.id }}">
         <label class="close icon icon-close" for="book-{{ book.id }}-radio-close" onclick="hide_element(this)">