diff --git a/apps/client/src/widgets/layout/InlineTitle.css b/apps/client/src/widgets/layout/InlineTitle.css
index 3e96e3c82..15820cc62 100644
--- a/apps/client/src/widgets/layout/InlineTitle.css
+++ b/apps/client/src/widgets/layout/InlineTitle.css
@@ -1,10 +1,17 @@
 .component.inline-title-row {
     contain: none;
+}
+
+.inline-title-row {
     padding-bottom: 2em;
     padding-inline-start: 24px;
     display: flex;
     align-items: center;
 
+    &.hidden {
+        display: none !important;
+    }
+
     .note-icon-widget {
         padding: 0;
     }
diff --git a/apps/client/src/widgets/layout/InlineTitle.tsx b/apps/client/src/widgets/layout/InlineTitle.tsx
index 17c26bda5..e22ef07ee 100644
--- a/apps/client/src/widgets/layout/InlineTitle.tsx
+++ b/apps/client/src/widgets/layout/InlineTitle.tsx
@@ -1,5 +1,6 @@
 import "./InlineTitle.css";
 
+import clsx from "clsx";
 import { useEffect, useRef, useState } from "preact/hooks";
 
 import FNote from "../../entities/fnote";
@@ -40,7 +41,7 @@ export default function InlineTitle() {
     return (
         <div
             ref={containerRef}
-            className="inline-title-row"
+            className={clsx("inline-title-row", !shown && "hidden")}
         >
             <NoteIcon />
             <NoteTitleWidget />