diff --git a/src/_h5ai/client/css/inc/content.less b/src/_h5ai/client/css/inc/content.less
index cd9791a8..fa3a4aa5 100644
--- a/src/_h5ai/client/css/inc/content.less
+++ b/src/_h5ai/client/css/inc/content.less
@@ -6,7 +6,7 @@
 }
 
 #content-header, #content-footer {
-    margin: 24px;
+    margin: 16px;
     color: #333;
 
     a, a:active, a:visited {
diff --git a/src/_h5ai/client/css/inc/sidebar.less b/src/_h5ai/client/css/inc/sidebar.less
index 18c6a6fb..c15d43a7 100644
--- a/src/_h5ai/client/css/inc/sidebar.less
+++ b/src/_h5ai/client/css/inc/sidebar.less
@@ -5,7 +5,7 @@
     flex: 0 0 auto;
     order: 99;
     width: 200px;
-    padding: 8px 16px;
+    padding: 16px 8px 16px 16px;
     // background: #eaeaea;
     border-left: 1px solid @col-border;
 }
diff --git a/src/_h5ai/client/css/inc/tree.less b/src/_h5ai/client/css/inc/tree.less
index 1858d112..dfc2bce6 100644
--- a/src/_h5ai/client/css/inc/tree.less
+++ b/src/_h5ai/client/css/inc/tree.less
@@ -6,8 +6,7 @@
     flex: 0 0 auto;
     order: 1;
 
-    padding: 8px 16px 8px 8px;
-    // background: #eee;
+    padding: 16px 16px 16px 8px;
     border-right: 1px solid @col-border;
     font-weight: lighter;
     white-space: nowrap;
@@ -15,12 +14,9 @@
     overflow-x: hidden;
 
     .indicator {
-        position: relative;
-        top: 2px;
         display: inline-block;
-        width: 16px;
-        height: 22px;
-        float: left;
+        position: relative;
+        top: -1px;
         cursor: pointer;
 
         img {
@@ -42,14 +38,9 @@
         }
     }
     a, a:active, a.visited {
-        display: block;
-        height: 1.231em;
-        line-height: 1.231em;
-        margin-left: 14px;
-        padding: 4px 6px;
+        display: inline-block;
+        padding: 3px 0;
         color: #555;
-        border: 1px solid rgba(0,0,0,0);
-        border-radius: 3px;
         text-decoration: none;
 
         &:hover, &.hover {
@@ -59,28 +50,18 @@
     .icon {
         position: relative;
         top: -2px;
-        margin-right: 6px;
+        margin: 0 8px;
 
         img {
             width: 16px;
             height: 16px;
         }
     }
-    .hint {
-        margin-left: 6px;
-        font-size: 0.9em;
-        color: #ccc;
-    }
     .content {
         list-style: none;
         margin: 0;
         padding: 0 0 0 24px;
     }
-    .summary {
-        margin: 0 0 0 24px;
-        color: #999;
-        font-style: italic;
-    }
     .current {
         > a, > a:active, > a:visited {
             font-weight: bold;
diff --git a/src/_h5ai/client/js/inc/ext/tree.js b/src/_h5ai/client/js/inc/ext/tree.js
index fd672743..33ebd867 100644
--- a/src/_h5ai/client/js/inc/ext/tree.js
+++ b/src/_h5ai/client/js/inc/ext/tree.js
@@ -69,8 +69,8 @@ modulejs.define('ext/tree', ['_', '$', 'core/settings', 'core/resource', 'core/e
 
             // does it have subfolders?
             if (subfolders.length) {
-                var $ul = $('<ul class="content"/>').appendTo($html),
-                    counter = 0;
+                var $ul = $('<ul class="content"/>').appendTo($html);
+                var counter = 0;
                 _.each(subfolders, function (e) {
                     counter += 1;
                     if (counter <= settings.maxSubfolders) {
diff --git a/src/_h5ai/server/php/inc/class-thumb.php b/src/_h5ai/server/php/inc/class-thumb.php
index 8c772468..48f63ade 100644
--- a/src/_h5ai/server/php/inc/class-thumb.php
+++ b/src/_h5ai/server/php/inc/class-thumb.php
@@ -53,7 +53,7 @@ class Thumb {
             return null;
         }
 
-        $name = "thumb-" . sha1("$source_path-$width-$height") . ".jpg";
+        $name = "thumb-" . sha1("$source_path") . "-" . $width . "x" . $height . ".jpg";
         $thumb_path = $this->thumbs_path . "/" . $name;
         $thumb_url = $this->thumbs_href . "/" . $name;