diff --git a/apps/client/src/layouts/desktop_layout.tsx b/apps/client/src/layouts/desktop_layout.tsx
index e03e73d09..f35e55269 100644
--- a/apps/client/src/layouts/desktop_layout.tsx
+++ b/apps/client/src/layouts/desktop_layout.tsx
@@ -146,9 +146,6 @@ export default class DesktopLayout {
.child(new ContentHeader()
.child(new FlexContainer("row")
.class("title-row")
- .css("height", "50px")
- .css("min-height", "50px")
- .css("align-items", "center")
.child()
.child()
)
diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css
index ce76ad286..439e70e66 100644
--- a/apps/client/src/stylesheets/style.css
+++ b/apps/client/src/stylesheets/style.css
@@ -2555,3 +2555,10 @@ iframe.print-iframe {
}
}
}
+
+body.desktop .title-row {
+ height: 50px;
+ min-height: 50px;
+ align-items: center;
+ background: var(--note-split-background-color, var(--main-background-color));
+}