diff --git a/app/assets/stylesheets/icons.css b/app/assets/stylesheets/icons.css
index 6eab28b1b..6c3eaa936 100644
--- a/app/assets/stylesheets/icons.css
+++ b/app/assets/stylesheets/icons.css
@@ -63,6 +63,8 @@
   .icon--move { --svg: url("move.svg "); }
   .icon--notification-bell-access-only { --svg: url("bell.svg "); }
   .icon--notification-bell-watching { --svg: url("bell-off.svg "); }
+  .icon--notification-bell-reverse-access-only { --svg: url("bell-off.svg "); }
+  .icon--notification-bell-reverse-watching { --svg: url("bell.svg "); }
   .icon--password { --svg: url("password.svg "); }
   .icon--pencil { --svg: url("pencil.svg "); }
   .icon--person { --svg: url("person.svg "); }
diff --git a/app/helpers/accesses_helper.rb b/app/helpers/accesses_helper.rb
index 833a1a2b0..3a8aa3bce 100644
--- a/app/helpers/accesses_helper.rb
+++ b/app/helpers/accesses_helper.rb
@@ -54,7 +54,7 @@ module AccessesHelper
       params: { show_watchers: show_watchers, involvement: next_involvement(access.involvement) }
     ) do
       safe_join([
-        icon_tag("notification-bell-#{access.involvement.dasherize}"),
+        icon_tag("notification-bell-#{icon_only ? 'reverse-' : nil}#{access.involvement.dasherize}"),
         tag.span(
           involvement_access_label(collection, access.involvement),
           class: class_names("txt-nowrap txt-uppercase", "for-screen-reader": icon_only),