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 a3e2f74ff6a36f122b0617c7d4f7d013752b6947..473af92ef04b7292999eca5fca0305df6edd18ae 100644
--- a/ui-admin/src/js/components/database/data-browser/GridViewItem.jsx
+++ b/ui-admin/src/js/components/database/data-browser/GridViewItem.jsx
@@ -13,8 +13,11 @@ const styles = (theme) => ({
         height: '8rem',
         overflow: 'hidden',
         margin: '0.25rem',
-        // border: '1px solid black',
-        textAlign: 'center'
+        textAlign: 'center',
+        cursor: 'pointer',
+        '&:hover': {
+            backgroundColor: '#0000000a'
+        },
     },
     icon: {
         verticalAlign: 'middle',
diff --git a/ui-admin/src/js/components/database/data-browser/ListView.jsx b/ui-admin/src/js/components/database/data-browser/ListView.jsx
index a2ff14ecb9777b8564eff1599fe9c0a793563ed8..65bc1eef2c3ae19bf1c30fa67e924678e441fdb1 100644
--- a/ui-admin/src/js/components/database/data-browser/ListView.jsx
+++ b/ui-admin/src/js/components/database/data-browser/ListView.jsx
@@ -10,8 +10,11 @@ const styles = theme => ({
     width: '100%',
     borderSpacing: '0',
     fontFamily: theme.typography.fontFamily,
-    '& tbody > tr:hover': {
-      backgroundColor: '#0000000a'
+    '& tbody > tr': {
+      cursor: 'pointer',
+      '&:hover': {
+        backgroundColor: '#0000000a'
+      }
     },
   },
   tableHeader: {