diff --git a/apps/client/src/layouts/desktop_layout.tsx b/apps/client/src/layouts/desktop_layout.tsx
index 4f6f7e5af..7a6cfc3c1 100644
--- a/apps/client/src/layouts/desktop_layout.tsx
+++ b/apps/client/src/layouts/desktop_layout.tsx
@@ -132,7 +132,7 @@ export default class DesktopLayout {
new SplitNoteContainer(() =>
new NoteWrapperWidget()
.child(new FlexContainer("row")
- .class("title-row")
+ .class("title-row note-split-title")
.cssBlock(".title-row > * { margin: 5px; }")
.child()
.child()
diff --git a/apps/client/src/widgets/note_title.css b/apps/client/src/widgets/note_title.css
index f798e83ef..fe3e0e912 100644
--- a/apps/client/src/widgets/note_title.css
+++ b/apps/client/src/widgets/note_title.css
@@ -36,18 +36,25 @@ body.mobile .note-title-widget input.note-title {
body.experimental-feature-new-layout {
.title-row {
container-type: size;
- border-bottom: 1px solid var(--main-border-color);
transition: border 400ms ease-out;
+
+ &.note-split-title {
+ border-bottom: 1px solid var(--main-border-color);
- &.hide-title {
- border-bottom-color: transparent;
- transition: none;
+ &.hide-title {
+ border-bottom-color: transparent;
+ transition: none;
+ }
+
+ .note-icon-widget {
+ margin-inline: 12px 8px;
+ }
}
.note-icon-widget {
--note-icon-size: 16px;
--note-icon-container-padding-size: 6px;
- margin-inline: 12px 8px;
+ margin-inline: 0;
}
.note-title-widget {