diff --git a/apps/client/src/widgets/layout/Breadcrumb.tsx b/apps/client/src/widgets/layout/Breadcrumb.tsx
index fe6d59b26..ab0b32a2a 100644
--- a/apps/client/src/widgets/layout/Breadcrumb.tsx
+++ b/apps/client/src/widgets/layout/Breadcrumb.tsx
@@ -64,6 +64,7 @@ function BreadcrumbRoot({ noteContext }: { noteContext: NoteContext | undefined
 
     return (note &&
         <ActionButton
+            className="root-note"
             icon={note.getIcon()}
             text={title ?? ""}
             onClick={() => noteContext?.setNote("root")}
diff --git a/apps/client/src/widgets/layout/StatusBar.css b/apps/client/src/widgets/layout/StatusBar.css
index ae73401a6..a2415fee1 100644
--- a/apps/client/src/widgets/layout/StatusBar.css
+++ b/apps/client/src/widgets/layout/StatusBar.css
@@ -4,20 +4,21 @@
     background-color: var(--left-pane-background-color);
 
     > .status-bar-main-row {
-        min-height: 32px;
+        min-height: 28px;
         display: flex;
         align-items: center;
         padding-inline: 0.25em;
+        font-size: 0.85em;
 
         > .breadcrumb {
             flex-grow: 1;
+            --icon-button-size: 23px;
         }
 
         > .actions-row {
             padding: 0.1em;
             display: flex;
             gap: 0.1em;
-            font-size: 0.85em;
 
             .btn {
                 padding: 0 0.5em !important;
@@ -26,6 +27,10 @@
                 align-items: center;
                 border: 0;
 
+                span {
+                    font-size: 1rem;
+                }
+
                 &.active,
                 &:focus,
                 &:hover {