diff --git a/ui-admin/src/js/components/database/data-browser/DataBrowser.jsx b/ui-admin/src/js/components/database/data-browser/DataBrowser.jsx
index 907e6c8f924c499f17a2a936ba6d21e0082c595f..52481ddeaf65100954a5b9b6975da723bc494384 100644
--- a/ui-admin/src/js/components/database/data-browser/DataBrowser.jsx
+++ b/ui-admin/src/js/components/database/data-browser/DataBrowser.jsx
@@ -52,7 +52,17 @@ const styles = theme => ({
     flex: '1 1 100%',
     height: 0,
     overflowY: 'hidden'
-  }
+  },
+  nameCell: {
+    display: 'flex',
+    alignItems: 'center',
+    '&>span': {
+      flex: 1,
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis'
+    }
+  },
 })
 
 const configuration =
@@ -177,14 +187,14 @@ class DataBrowser extends React.Component {
                   sortable: true,
                   getValue: ({ row }) => row.name,
                   renderValue: ({ row }) => (
-                    <>
+                    <div className={classes.nameCell}>
                       <ItemIcon
                         file={row}
                         classes={{ icon: classes.icon }}
                         configuration={configuration}
-                      />{' '}
-                      {row.name}
-                    </>
+                      />
+                      <span>{row.name}</span>
+                    </div>
                   ),
                   renderFilter: null
                 },