diff --git a/app/assets/stylesheets/notifications.css b/app/assets/stylesheets/notifications.css
index d8779c2e6..bc95412d7 100644
--- a/app/assets/stylesheets/notifications.css
+++ b/app/assets/stylesheets/notifications.css
@@ -94,3 +94,17 @@
     }
   }
 }
+
+.notifications__empty-message {
+  .notificiations-list:has(.notification) & {
+    display: none;
+  }
+}
+
+.notificiations-list--read {
+  display: none;
+
+  &:has(.notification) {
+    display: flex;
+  }
+}
diff --git a/app/views/notifications/index.html.erb b/app/views/notifications/index.html.erb
index bf83657ee..4b76c0779 100644
--- a/app/views/notifications/index.html.erb
+++ b/app/views/notifications/index.html.erb
@@ -13,7 +13,7 @@
   </nav>
 <% end %>
 
-<section class="panel center borderless unpad flex flex-column gap-half">
+<section class="notificiations-list panel center borderless unpad flex flex-column gap-half">
   <% if @unread.any? %>
     <div class="flex align-center justify-space-between margin-block-start margin-block-end-half">
       <h2 class="txt-medium txt-uppercase txt-alert">New for you</h2>
@@ -22,15 +22,13 @@
 
     <%= render partial: "notifications/notification", collection: @unread, cached: true %>
   <% else %>
-    <%# FIXME: Need to reveal this section if there are unread notification records in it %>
-    <div class="pad border-radius border translucent" style="--border-style: dashed; --border-color: var(--color-ink); --border-radius: 0.2em;">
+    <div class="notifications__empty-message pad border-radius border translucent" style="--border-style: dashed; --border-color: var(--color-ink); --border-radius: 0.2em;">
       <strong>Nothing new for you.</strong>
     </div>
   <% end %>
 </section>
 
-<%# FIXME: Need to hide this section if there are no notification records in it, but then it needs to appear when any are added %>
-<section class="notificiations-list--read panel center borderless unpad flex flex-column gap-half margin-block-start">
+<section class="notificiations-list--read panel center borderless unpad flex-column gap-half margin-block-start">
   <h2 class="txt-medium margin-block-start-double margin-block-end-half txt-uppercase translucent">Previously seen</h2>
 
   <div id="notifications_list_read">
diff --git a/test/controllers/cards_controller_test.rb b/test/controllers/cards_controller_test.rb
index 5651ebcb9..5cb3a6582 100644
--- a/test/controllers/cards_controller_test.rb
+++ b/test/controllers/cards_controller_test.rb
@@ -39,7 +39,7 @@ class CardsControllerTest < ActionDispatch::IntegrationTest
         image: fixture_file_upload("moon.jpg", "image/jpeg"),
         description: "Something more in-depth",
         tag_ids: [ tags(:mobile).id ] } }
-    assert_redirected_to collection_card_path(collections(:writebook), cards(:logo))
+    assert_response :success
 
     card = cards(:logo).reload
     assert_equal "Logo needs to change", card.title