diff --git a/app/assets/stylesheets/cards.css b/app/assets/stylesheets/cards.css
index 41c27cfa3..98e41dd44 100644
--- a/app/assets/stylesheets/cards.css
+++ b/app/assets/stylesheets/cards.css
@@ -334,6 +334,10 @@
 
     background-color: var(--color-canvas);
 
+    &.card--closed {
+      --card-color: var(--color-card-complete);
+    }
+
     .card__collection {
       font-size: var(--text-xx-small);
       padding-block: 0.5ch;
diff --git a/app/helpers/notifications_helper.rb b/app/helpers/notifications_helper.rb
index a9da9340a..71dc6260d 100644
--- a/app/helpers/notifications_helper.rb
+++ b/app/helpers/notifications_helper.rb
@@ -22,7 +22,7 @@ module NotificationsHelper
     tag.div id: dom_id(notification), class: "tray__item" do
       concat(
         link_to(notification,
-          class: "card card--notification",
+          class: [ "card card--notification", { "card--closed": notification.notifiable_target.closed? } ],
           data: { action: "click->dialog#close", turbo_frame: "_top" },
           &)
       )