diff --git a/frontend/src/app/(editor)/@appBar/n/[noteId]/editor-app-bar.tsx b/frontend/src/app/(editor)/@appBar/n/[noteId]/editor-app-bar.tsx
index 648b16794..973200561 100644
--- a/frontend/src/app/(editor)/@appBar/n/[noteId]/editor-app-bar.tsx
+++ b/frontend/src/app/(editor)/@appBar/n/[noteId]/editor-app-bar.tsx
@@ -16,6 +16,21 @@ import React from 'react'
  */
 export const EditorAppBar: React.FC = () => {
   const isSynced = useApplicationState((state) => state.realtimeStatus.isSynced)
+  const noteDetailsExist = useApplicationState((state) => !!state.noteDetails)
 
-  return <BaseAppBar>{isSynced ? <NoteTitleElement /> : <RealtimeConnectionAlert />}</BaseAppBar>
+  if (!noteDetailsExist) {
+    return <BaseAppBar />
+  } else if (isSynced) {
+    return (
+      <BaseAppBar>
+        <NoteTitleElement />
+      </BaseAppBar>
+    )
+  } else {
+    return (
+      <BaseAppBar>
+        <RealtimeConnectionAlert />
+      </BaseAppBar>
+    )
+  }
 }