diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css
index d7865d757..80acfe2e0 100644
--- a/apps/client/src/stylesheets/theme-next-dark.css
+++ b/apps/client/src/stylesheets/theme-next-dark.css
@@ -349,5 +349,5 @@ body .todo-list input[type="checkbox"]:not(:checked):before {
 
 .note-split.with-hue *::selection,
 .quick-edit-dialog-wrapper.with-hue *::selection {
-    background: hsl(var(--custom-color-hue), 49.2%, 35%);
+    --selection-background-color: hsl(var(--custom-color-hue), 49.2%, 35%);
 }
\ No newline at end of file
diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css
index fb3991761..1e50200d9 100644
--- a/apps/client/src/stylesheets/theme-next-light.css
+++ b/apps/client/src/stylesheets/theme-next-light.css
@@ -320,5 +320,5 @@
 
 .note-split.with-hue *::selection,
 .quick-edit-dialog-wrapper.with-hue *::selection {
-    background: hsl(var(--custom-color-hue), 60%, 90%);
+    --selection-background-color: hsl(var(--custom-color-hue), 60%, 90%);
 }
\ No newline at end of file
diff --git a/apps/client/src/widgets/note_title.css b/apps/client/src/widgets/note_title.css
index fca994e5b..ebc6ec33e 100644
--- a/apps/client/src/widgets/note_title.css
+++ b/apps/client/src/widgets/note_title.css
@@ -21,6 +21,7 @@ div.note-title-widget {
 
     &::selection {
         color: var(--main-text-color);
+        background: var(--selection-background-color);
     }
 }