diff --git a/apps/client/src/widgets/note_icon.css b/apps/client/src/widgets/note_icon.css
index 3274f2124..fa1a94e44 100644
--- a/apps/client/src/widgets/note_icon.css
+++ b/apps/client/src/widgets/note_icon.css
@@ -77,6 +77,7 @@ div.note-icon-widget {
 
 body.experimental-feature-new-layout {
     --note-icon-button-background-color: #444444;
+    --note-icon-button-hover-background-color: #5a5a5a;
     --note-icon-button-color: white;
 
     .note-icon-widget button.note-icon {
@@ -85,11 +86,6 @@ body.experimental-feature-new-layout {
         border-radius: 50%;
         background: transparent !important;
 
-        &:hover {
-            transform: scale(1.15);
-            transition: transform 150ms ease-out;
-        }
-
         /* The icon */
         &::before {
             position: relative;
@@ -105,5 +101,10 @@ body.experimental-feature-new-layout {
             border-radius: 50%;
             background: var(--note-icon-button-background-color);
         }
+
+        &:hover::after {
+            background: var(--note-icon-button-hover-background-color);
+            transition: background 200ms ease-out;
+        }
     }
 }
\ No newline at end of file