diff --git a/ui-admin/src/js/components/database/data-browser/GridViewItem.jsx b/ui-admin/src/js/components/database/data-browser/GridViewItem.jsx
index 28b5149a7778bf7b7a875f44fdc66cd07a3f9e07..4fa61126d9c6cd00e83335106d6b318b54dc9844 100644
--- a/ui-admin/src/js/components/database/data-browser/GridViewItem.jsx
+++ b/ui-admin/src/js/components/database/data-browser/GridViewItem.jsx
@@ -19,6 +19,9 @@ const styles = (theme) => ({
             backgroundColor: '#0000000a'
         },
     },
+    name: {
+        padding: '0'
+    }
 })
 
 class GridViewItem extends React.Component {
@@ -31,7 +34,7 @@ class GridViewItem extends React.Component {
                 <CardMedia>
                     <ItemIcon file={file} configuration={configuration} />
                 </CardMedia>
-                <CardContent>
+                <CardContent className={classes.name}>
                     {file.name}
                 </CardContent>
             </Grid>
diff --git a/ui-admin/src/js/components/database/data-browser/ItemIcon.jsx b/ui-admin/src/js/components/database/data-browser/ItemIcon.jsx
index 1db08eed12ca40ce902b59927ec504465ab68101..2ca86603b5c0c50fa4398be82966b000633e4878 100644
--- a/ui-admin/src/js/components/database/data-browser/ItemIcon.jsx
+++ b/ui-admin/src/js/components/database/data-browser/ItemIcon.jsx
@@ -51,11 +51,9 @@ class ItemIcon extends React.Component {
       const iconType = this.extensionToIconType.get(
         file.name.substring(file.name.lastIndexOf('.') + 1)
       )
-      return iconType ? (
-        React.createElement(iconType, { className: classes.icon })
-      ) : (
-        <FileIcon className={classes.icon} />
-      )
+      return iconType
+        ? React.createElement(iconType, { className: classes.icon })
+        : <FileIcon className={classes.icon} />
     }
   }
 }