diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css
index b4c3def74..113a57f79 100644
--- a/apps/client/src/stylesheets/theme-next-dark.css
+++ b/apps/client/src/stylesheets/theme-next-dark.css
@@ -199,6 +199,10 @@
     --badge-background-color: #ffffff1a;
     --badge-text-color: var(--muted-text-color);
 
+    --note-icon-button-background-color: #444444;
+    --note-icon-button-hover-background-color: #5a5a5a;
+    --note-icon-button-color: white;
+
     --promoted-attribute-card-background-color: #ffffff21;
     --promoted-attribute-card-shadow: none;
 
diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css
index 620672499..d1364ebd4 100644
--- a/apps/client/src/stylesheets/theme-next-light.css
+++ b/apps/client/src/stylesheets/theme-next-light.css
@@ -191,6 +191,10 @@
     --badge-background-color: #00000011;
     --badge-text-color: var(--muted-text-color);
 
+    --note-icon-button-background-color: #4f4f4f;
+    --note-icon-button-hover-background-color: #737373;
+    --note-icon-button-color: white;
+
     --promoted-attribute-card-background-color: #00000014;
     --promoted-attribute-card-shadow: none;
 
diff --git a/apps/client/src/widgets/note_icon.css b/apps/client/src/widgets/note_icon.css
index c5597452c..7168daf5b 100644
--- a/apps/client/src/widgets/note_icon.css
+++ b/apps/client/src/widgets/note_icon.css
@@ -76,10 +76,6 @@ 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 {
         --input-focus-outline-color: var(--note-icon-button-hover-background-color);