diff --git a/ui/src/data_explorer/components/DatabaseList.js b/ui/src/data_explorer/components/DatabaseList.js
index 4f6c4cdda2..f0cd12b4ff 100644
--- a/ui/src/data_explorer/components/DatabaseList.js
+++ b/ui/src/data_explorer/components/DatabaseList.js
@@ -64,7 +64,7 @@ const DatabaseList = React.createClass({
     const {query, onChooseNamespace} = this.props
 
     return (
-      <div className="query-builder--column">
+      <div className="query-builder--column" style={{flex: '1 0 0'}}>
         <div className="query-builder--heading">Databases</div>
         <div className="query-builder--list">
           {this.state.namespaces.map(namespace => {
diff --git a/ui/src/style/components/query-builder.scss b/ui/src/style/components/query-builder.scss
index 3469d9937c..5a8a0f6313 100644
--- a/ui/src/style/components/query-builder.scss
+++ b/ui/src/style/components/query-builder.scss
@@ -15,7 +15,7 @@
 .query-builder--column {
   display: flex;
   flex-direction: column;
-  flex: 1 0 0;
+  flex: 2 0 0;
 }
 .query-builder--heading {
   @include no-user-select();