diff --git a/src/main/webapp/scripts/project/browsing-engine.js b/src/main/webapp/scripts/project/browsing-engine.js
index 1f1662f1c..5a582b5d8 100644
--- a/src/main/webapp/scripts/project/browsing-engine.js
+++ b/src/main/webapp/scripts/project/browsing-engine.js
@@ -32,11 +32,15 @@ function BrowsingEngine(div, facetConfigs) {
 
 BrowsingEngine.prototype.resize = function() {
     if (this._facets.length > 0) {
-        var header = this._div.find(".browsing-panel-header");
         var body = this._div.find(".facets-container");
         var bodyPaddings = body.outerHeight(true) - body.height();
+        var height = 
+            this._div.height() -
+            this._div.find(".browsing-panel-header").outerHeight(true) -
+            this._div.find(".browsing-panel-modes").outerHeight(true) -
+            bodyPaddings;
         
-        body.css("height", (this._div.height() - header.outerHeight(true) - bodyPaddings) + "px");
+        body.css("height", height + "px");
         
         this._elmts.facets.sortable("refresh");
     }
diff --git a/src/main/webapp/styles/project/browsing.css b/src/main/webapp/styles/project/browsing.css
index 574c606aa..acd030c9d 100644
--- a/src/main/webapp/styles/project/browsing.css
+++ b/src/main/webapp/styles/project/browsing.css
@@ -1,5 +1,5 @@
 .browsing-panel-modes {
-    margin: 1em 0;
+    padding-bottom: 0.5em;
     text-align: center;
 }
 .browsing-panel-modes .ui-button .ui-button-text {
@@ -11,6 +11,7 @@
 }
 
 .browsing-panel-header {
+    padding-bottom: 0.5em;
     position: relative;
     display: none;
 }
@@ -38,6 +39,7 @@
 }
 
 .browsing-panel-help {
+    margin-bottom: 1em;
     padding: 10px;
     background: white;
     border: 1px solid #ccc;
@@ -63,7 +65,7 @@ li.facet-container {
     clear: both;
     margin: 0;
     padding: 0;
-    margin-top: 6px;
+    margin-bottom: 6px;
     background: white;
     border: 1px solid #bbb;