diff --git a/ui/src/data_explorer/components/DatabaseList.js b/ui/src/data_explorer/components/DatabaseList.js
index ea20e4e0a..044fd93d9 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" style={{flex: '1 0 0'}}>
+      <div className="query-builder--column query-builder--column-db">
         <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 9f3b91679..66e920acb 100644
--- a/ui/src/style/components/query-builder.scss
+++ b/ui/src/style/components/query-builder.scss
@@ -15,6 +15,9 @@
   flex-direction: column;
   flex: 2 0 0;
 }
+.query-builder--column-db {
+  flex: 1 0 0;
+}
 .query-builder--heading {
   @include no-user-select();
   width: 100%;