diff --git a/apps/client/src/layouts/desktop_layout.tsx b/apps/client/src/layouts/desktop_layout.tsx
index bf9d911f4..9d7bd4964 100644
--- a/apps/client/src/layouts/desktop_layout.tsx
+++ b/apps/client/src/layouts/desktop_layout.tsx
@@ -49,7 +49,7 @@ import { isExperimentalFeatureEnabled } from "../services/experimental_features.
import NoteActions from "../widgets/ribbon/NoteActions.jsx";
import FormattingToolbar from "../widgets/ribbon/FormattingToolbar.jsx";
import StandaloneRibbonAdapter from "../widgets/ribbon/components/StandaloneRibbonAdapter.jsx";
-import BreadcrumbBadges from "../widgets/layout/BreadcrumbBadges.jsx";
+import NoteBadges from "../widgets/layout/NoteBadges.jsx";
import NoteTitleDetails from "../widgets/NoteTitleDetails.jsx";
import StatusBar from "../widgets/layout/StatusBar.jsx";
@@ -85,7 +85,7 @@ export default class DesktopLayout {
.cssBlock(".title-row > * { margin: 5px; }")
.child()
.child()
- .optChild(isNewLayout, )
+ .optChild(isNewLayout, )
.optChild(!isNewLayout, )
.child()
.child()
diff --git a/apps/client/src/widgets/dialogs/PopupEditor.tsx b/apps/client/src/widgets/dialogs/PopupEditor.tsx
index 7bb469c99..887568d37 100644
--- a/apps/client/src/widgets/dialogs/PopupEditor.tsx
+++ b/apps/client/src/widgets/dialogs/PopupEditor.tsx
@@ -23,7 +23,7 @@ import ReadOnlyNoteInfoBar from "../ReadOnlyNoteInfoBar";
import StandaloneRibbonAdapter from "../ribbon/components/StandaloneRibbonAdapter";
import FormattingToolbar from "../ribbon/FormattingToolbar";
import MobileEditorToolbar from "../type_widgets/text/mobile_editor_toolbar";
-import BreadcrumbBadges from "../layout/BreadcrumbBadges";
+import NoteBadges from "../layout/NoteBadges";
import { isExperimentalFeatureEnabled } from "../../services/experimental_features";
const isNewLayout = isExperimentalFeatureEnabled("new-layout");
@@ -69,7 +69,7 @@ export default function PopupEditor() {
- {isNewLayout && }
+ {isNewLayout && }
>}
customTitleBarButtons={[{
iconClassName: "bx-expand-alt",
diff --git a/apps/client/src/widgets/layout/BreadcrumbBadges.css b/apps/client/src/widgets/layout/NoteBadges.css
similarity index 96%
rename from apps/client/src/widgets/layout/BreadcrumbBadges.css
rename to apps/client/src/widgets/layout/NoteBadges.css
index 55737ae9b..fca26305b 100644
--- a/apps/client/src/widgets/layout/BreadcrumbBadges.css
+++ b/apps/client/src/widgets/layout/NoteBadges.css
@@ -1,8 +1,8 @@
-.component.breadcrumb-badges {
+.component.note-badges {
contain: none;
}
-.breadcrumb-badges {
+.note-badges {
display: flex;
gap: 5px;
min-width: 0;
diff --git a/apps/client/src/widgets/layout/BreadcrumbBadges.tsx b/apps/client/src/widgets/layout/NoteBadges.tsx
similarity index 97%
rename from apps/client/src/widgets/layout/BreadcrumbBadges.tsx
rename to apps/client/src/widgets/layout/NoteBadges.tsx
index 727b7fbf4..51faf7183 100644
--- a/apps/client/src/widgets/layout/BreadcrumbBadges.tsx
+++ b/apps/client/src/widgets/layout/NoteBadges.tsx
@@ -1,4 +1,4 @@
-import "./BreadcrumbBadges.css";
+import "./NoteBadges.css";
import clsx from "clsx";
import { ComponentChildren, MouseEventHandler } from "preact";
@@ -10,9 +10,9 @@ import { useIsNoteReadOnly, useNoteContext, useNoteLabel, useNoteLabelBoolean, u
import Icon from "../react/Icon";
import { useShareInfo } from "../shared_info";
-export default function BreadcrumbBadges() {
+export default function NoteBadges() {
return (
-