diff --git a/apps/client/src/widgets/note_icon.css b/apps/client/src/widgets/note_icon.css
index b95eda46a..43709b715 100644
--- a/apps/client/src/widgets/note_icon.css
+++ b/apps/client/src/widgets/note_icon.css
@@ -87,7 +87,7 @@ body.experimental-feature-new-layout {
         background: transparent !important;
 
         &, &:hover {
-            border-radius: 50%; 
+            border-radius: 50%;
         }
 
         /* The icon */
@@ -106,6 +106,12 @@ body.experimental-feature-new-layout {
             background: var(--note-icon-button-background-color);
         }
 
+        
+        &:hover::after {
+            background: var(--note-icon-button-hover-background-color);
+            transition: background 200ms ease-out;
+        }
+
         &:focus-visible {
             outline: 2px solid var(--note-icon-button-color);
         }