diff --git a/src/components/file/DashboardFile/FileModal.tsx b/src/components/file/DashboardFile/FileModal.tsx
index 58433976..79d4a2b9 100644
--- a/src/components/file/DashboardFile/FileModal.tsx
+++ b/src/components/file/DashboardFile/FileModal.tsx
@@ -237,7 +237,7 @@ export default function FileModal({
       >
         {file ? (
           <>
-            <DashboardFileType file={file} show />
+            {open && <DashboardFileType file={file} show />}
 
             <SimpleGrid cols={{ base: 1, md: 2, lg: 3 }} spacing='md' my='xs'>
               <FileStat Icon={IconFileInfo} title='Type' value={file.type} />
diff --git a/src/components/file/DashboardFile/FileViewer.tsx b/src/components/file/DashboardFile/FileViewer.tsx
index 9fa603ca..40bc21a6 100644
--- a/src/components/file/DashboardFile/FileViewer.tsx
+++ b/src/components/file/DashboardFile/FileViewer.tsx
@@ -542,7 +542,7 @@ export default function FileViewer({
             overscrollBehavior: 'contain',
           }}
         >
-          {file ? (
+          {open && file ? (
             <Box
               onClick={(e) => e.stopPropagation()}
               style={{
@@ -569,7 +569,7 @@ export default function FileViewer({
                 scrollParent={scrollParent}
               />
 
-              {open && sequenced && fileNavButtons && file && (
+              {sequenced && fileNavButtons && file && (
                 <>
                   <ActionButton
                     Icon={IconChevronLeft}