diff --git a/client/modules/datafiles/src/FileListing/FileListing.module.css b/client/modules/datafiles/src/FileListing/FileListing.module.css
index e69de29bb2..cf2814af85 100644
--- a/client/modules/datafiles/src/FileListing/FileListing.module.css
+++ b/client/modules/datafiles/src/FileListing/FileListing.module.css
@@ -0,0 +1,3 @@
+.file-listing-table td {
+    overflow: hidden;
+}
diff --git a/client/modules/datafiles/src/FileListing/FileListing.tsx b/client/modules/datafiles/src/FileListing/FileListing.tsx
index 280b0ff96b..dba56d43e3 100644
--- a/client/modules/datafiles/src/FileListing/FileListing.tsx
+++ b/client/modules/datafiles/src/FileListing/FileListing.tsx
@@ -9,6 +9,7 @@ import {
 import { NavLink } from 'react-router-dom';
 import { PreviewModalBody } from '../DatafilesModal/PreviewModal';
 import { TFileListing, TFileTag, useDoiContext } from '@client/hooks';
+import styles from './FileListing.module.css';
 
 export function toBytes(bytes?: number) {
   if (bytes === 0) return '0 bytes';
@@ -53,7 +54,7 @@ export const FileListing: React.FC<
       {
         title: 'File Name',
         dataIndex: 'name',
-        ellipsis: true,
+        ellipsis: false,
         width: '50%',
         render: (data, record) => (
           <>
@@ -122,6 +123,7 @@ export const FileListing: React.FC<
   return (
     <>
       <FileListingTable
+        className={styles['file-listing-table']}
         api={api}
         system={system}
         scheme={scheme}