diff --git a/invokeai/frontend/web/public/locales/en.json b/invokeai/frontend/web/public/locales/en.json
index 640279ba40..1862de18e3 100644
--- a/invokeai/frontend/web/public/locales/en.json
+++ b/invokeai/frontend/web/public/locales/en.json
@@ -798,11 +798,13 @@
         "guidance": "Guidance",
         "height": "Height",
         "imageDetails": "Image Details",
+        "videoDetails": "Video Details",
         "imageDimensions": "Image Dimensions",
         "metadata": "Metadata",
         "model": "Model",
         "negativePrompt": "Negative Prompt",
         "noImageDetails": "No image details found",
+        "noVideoDetails": "No video details found",
         "noMetaData": "No metadata found",
         "noRecallParameters": "No parameters to recall found",
         "parameterSet": "Parameter {{parameter}} set",
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/VideoMetadataViewer.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/VideoMetadataViewer.tsx
index 6bb77509fb..f46ec8d470 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/VideoMetadataViewer.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/VideoMetadataViewer.tsx
@@ -38,7 +38,7 @@ const VideoMetadataViewer = ({ video }: VideoMetadataViewerProps) => {
         <TabList>
           <Tab>{t('metadata.recallParameters')}</Tab>
           <Tab>{t('metadata.metadata')}</Tab>
-          <Tab>{t('metadata.imageDetails')}</Tab>
+          <Tab>{t('metadata.videoDetails')}</Tab>
         </TabList>
 
         <TabPanels>
@@ -53,24 +53,16 @@ const VideoMetadataViewer = ({ video }: VideoMetadataViewerProps) => {
           </TabPanel>
           <TabPanel>
             {metadata ? (
-              <DataViewer
-                fileName={`${video.video_id.replace('.png', '')}_metadata`}
-                data={metadata}
-                label={t('metadata.metadata')}
-              />
+              <DataViewer fileName={`${video.video_id}_metadata`} data={metadata} label={t('metadata.metadata')} />
             ) : (
               <IAINoContentFallback label={t('metadata.noMetaData')} />
             )}
           </TabPanel>
           <TabPanel>
             {video ? (
-              <DataViewer
-                fileName={`${video.video_id.replace('.png', '')}_details`}
-                data={video}
-                label={t('metadata.imageDetails')}
-              />
+              <DataViewer fileName={`${video.video_id}_details`} data={video} label={t('metadata.videoDetails')} />
             ) : (
-              <IAINoContentFallback label={t('metadata.noImageDetails')} />
+              <IAINoContentFallback label={t('metadata.noVideoDetails')} />
             )}
           </TabPanel>
           {/* <TabPanel>