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 c66995b91b9db00a6031b5de65fa64353fa61b1c..a4ca4ee27a17e6e724ccfeaf2fb4a28096912f2a 100644
--- a/ui-admin/src/js/components/database/data-browser/DataBrowser.jsx
+++ b/ui-admin/src/js/components/database/data-browser/DataBrowser.jsx
@@ -19,7 +19,7 @@ const styles = theme => ({
   columnFlexContainer: {
     flexDirection: 'column',
     display: 'flex',
-    height: 'calc(100vh - ' + theme.spacing(10) + 'px)'
+    height: 'calc(100vh - ' + theme.spacing(12) + 'px)'
   },
   boundary: {
     padding: theme.spacing(1),
@@ -48,7 +48,7 @@ const styles = theme => ({
   },
   content: {
     flex: '1 1 100%',
-    height: '0',
+    height: 'calc(100vh - ' + theme.spacing(10) + 'px)',
     overflowY: 'hidden'
   }
 })