diff --git a/js/src/components/app/Filename.tsx b/js/src/components/app/Filename.tsx
index 2ed810ea..ded89c69 100644
--- a/js/src/components/app/Filename.tsx
+++ b/js/src/components/app/Filename.tsx
@@ -71,7 +71,8 @@ interface FilenameState {
 }
 
 export const Filename = () => {
-  const { fileName, cloudMode, isLoading } = useLineageGraphContext();
+  const { fileName, cloudMode, isDemoSite, isLoading } =
+    useLineageGraphContext();
   const modalDisclosure = useDisclosure();
   const overwriteDisclosure = useDisclosure();
 
@@ -159,6 +160,10 @@ export const Filename = () => {
     });
   };
 
+  if (cloudMode || isDemoSite) {
+    return <></>;
+  }
+
   return (
     <>
       <Flex flex="1" justifyContent="center" alignItems="center">