diff --git a/web/client/components/data/featuregrid/DockedFeatureGrid.jsx b/web/client/components/data/featuregrid/DockedFeatureGrid.jsx
index b6bdaf7eaf..1d65c5c926 100644
--- a/web/client/components/data/featuregrid/DockedFeatureGrid.jsx
+++ b/web/client/components/data/featuregrid/DockedFeatureGrid.jsx
@@ -222,6 +222,7 @@ const DockedFeatureGrid = React.createClass({
         if (this.props.open && this.props.filterObj && cols) {
             return (
                 <Dock
+                    zIndex={1030 /*below dialogs, above left menu*/}
                     position={"bottom" /* 'left', 'top', 'right', 'bottom' */}
                     size={this.state.size}
                     dimMode={"none" /*'transparent', 'none', 'opaque'*/}
diff --git a/web/client/components/data/featuregrid/featuregrid.css b/web/client/components/data/featuregrid/featuregrid.css
index 8abda7d31b..8482c1a4d8 100644
--- a/web/client/components/data/featuregrid/featuregrid.css
+++ b/web/client/components/data/featuregrid/featuregrid.css
@@ -20,3 +20,15 @@
     right: 0;
     bottom: 0;
 }
+.ag-body {
+    /* !important is needed, we need to override inline attributes of ag-grid */
+    padding-top: 55px !important;
+}
+.ag-header, .ag-header-row, .ag-header-container .ag-header-row {
+    /* !important is needed, we need to override inline attributes of ag-grid */
+    height:55px !important;
+}
+.ag-fresh .ag-header-cell-label {
+    padding-top: 17px;
+    cursor: pointer;
+}