diff --git a/src/renderer/component/fileViewer/internal/player.jsx b/src/renderer/component/fileViewer/internal/player.jsx
index 748665bc4..6fdcfce8e 100644
--- a/src/renderer/component/fileViewer/internal/player.jsx
+++ b/src/renderer/component/fileViewer/internal/player.jsx
@@ -158,10 +158,10 @@ class VideoPlayer extends React.PureComponent {
   }
 
   file() {
-    const { downloadPath, filename } = this.props;
+    const { downloadPath, fileName } = this.props;
 
     return {
-      name: filename,
+      name: fileName,
       createReadStream: opts => fs.createReadStream(downloadPath, opts),
     };
   }
@@ -188,7 +188,7 @@ class VideoPlayer extends React.PureComponent {
 
   renderFile() {
     // This is what render-media does with unplayable files
-    const { filename: fileName, downloadPath, contentType, mediaType } = this.props;
+    const { fileName, downloadPath, contentType, mediaType } = this.props;
 
     toBlobURL(fs.createReadStream(downloadPath), contentType, (err, url) => {
       if (err) {
@@ -202,7 +202,7 @@ class VideoPlayer extends React.PureComponent {
         contentType,
         downloadPath,
         filePath: url,
-        fileType: path.extname(filename).substring(1),
+        fileType: path.extname(fileName).substring(1),
       };
       // Update state
       this.setState({ fileSource });
diff --git a/src/renderer/component/fileViewer/view.jsx b/src/renderer/component/fileViewer/view.jsx
index 406c25186..cfa653c2c 100644
--- a/src/renderer/component/fileViewer/view.jsx
+++ b/src/renderer/component/fileViewer/view.jsx
@@ -163,7 +163,7 @@ class FileViewer extends React.PureComponent<Props> {
               </div>
             ) : (
               <Player
-                filename={fileInfo.file_name}
+                fileName={fileInfo.file_name}
                 poster={poster}
                 downloadPath={fileInfo.download_path}
                 mediaType={mediaType}