diff --git a/client/components/Application/Content.tsx b/client/components/Application/Content.tsx
index caad63cd5..87a0b7edd 100644
--- a/client/components/Application/Content.tsx
+++ b/client/components/Application/Content.tsx
@@ -15,7 +15,14 @@ import { useStore } from './store'
 export default function Content() {
   const record = useStore((state) => state.record)
   const indexing = useStore((state) => state.indexing)
-  return indexing ? <LoadingContent /> : record ? <FileContent /> : <EmptyContent />
+  const path = useStore((state) => state.path)
+  return indexing ? (
+    <LoadingContent />
+  ) : record && path ? (
+    <FileContent />
+  ) : (
+    <EmptyContent />
+  )
 }
 
 function FileContent() {