diff --git a/apps/client/src/widgets/collections/legacy/ListOrGridView.css b/apps/client/src/widgets/collections/legacy/ListOrGridView.css
index 7e36c445f0..18f91c1819 100644
--- a/apps/client/src/widgets/collections/legacy/ListOrGridView.css
+++ b/apps/client/src/widgets/collections/legacy/ListOrGridView.css
@@ -119,12 +119,15 @@
 }
 
 /* List item */
-.nested-note-list-item h5 {
-    display: flex;
-    align-items: center;
-    font-size: 1em;
-    font-weight: normal;
-    margin: 0;
+.nested-note-list-item {
+
+    h5 {
+        display: flex;
+        align-items: center;
+        font-size: 1em;
+        font-weight: normal;
+        margin: 0;
+    }
 
     .note-expander {
         margin-inline-end: 4px;
@@ -163,6 +166,13 @@
         margin-inline-start: 8px;
         flex-shrink: 0;
     }
+
+    &.archived {
+        .note-book-title,
+        .tn-icon {
+            opacity: .5;
+        }
+    }
 }
 
 .nested-note-list-item.use-note-color {