diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css
index f8fda4b08..2864e6d6b 100644
--- a/apps/client/src/stylesheets/theme-next/shell.css
+++ b/apps/client/src/stylesheets/theme-next/shell.css
@@ -66,11 +66,11 @@ body.background-effects.platform-win32.layout-vertical #vertical-main-container
     background-color: var(--root-background);
 }
 
-/* TODO: optimize */
-body.background-effects.platform-win32 #center-pane .note-split.type-contentWidget.visible:has(.note-detail-content-widget-content.options) {
-    /* Settings page */
+/* Settings page */
+body.background-effects.platform-win32 #center-pane .note-split.options {
     --note-split-background-color: var(--center-pane-background-color-bgfx);
 }
+
 /* #endregion */
 
 /* Matches when the left pane is collapsed */
diff --git a/apps/client/src/widgets/note_wrapper.ts b/apps/client/src/widgets/note_wrapper.ts
index 01a1f7c87..559f9ece9 100644
--- a/apps/client/src/widgets/note_wrapper.ts
+++ b/apps/client/src/widgets/note_wrapper.ts
@@ -61,7 +61,7 @@ export default class NoteWrapperWidget extends FlexContainer<BasicWidget> {
 
         this.$widget.addClass(utils.getNoteTypeClass(note.type));
         this.$widget.addClass(utils.getMimeTypeClass(note.mime));
-
+        this.$widget.toggleClass("options", note.isOptions());
         this.$widget.toggleClass("protected", note.isProtected);
 
         const noteLanguage = note?.getLabelValue("language");