diff --git a/package.json b/package.json
index 6df77a93..be3aa801 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "babel-loader": "6.2.4",
-    "babel-preset-es2015": "6.9.0",
+    "babel-preset-es2015": "6.13.2",
     "eslint": "3.2.2",
     "ghu": "0.11.0",
     "jsdom": "9.4.1",
diff --git a/src/_h5ai/public/css/lib/colors.less b/src/_h5ai/public/css/lib/colors.less
index 66cb4e81..6c180f0f 100644
--- a/src/_h5ai/public/css/lib/colors.less
+++ b/src/_h5ai/public/css/lib/colors.less
@@ -27,7 +27,7 @@
 @col-back-native-selection: @col-pink-a200;
 
 @col-text: @col-text-primary-black;
-@col-back: @col-grey-100;
+@col-back: @col-white;
 @col-back-paper: @col-white;
 @col-back-panel: @col-grey-50;
 @col-text-hover: @col-blue-400;
diff --git a/src/_h5ai/public/css/lib/ext/tree.less b/src/_h5ai/public/css/lib/ext/tree.less
index 49486732..57d45480 100644
--- a/src/_h5ai/public/css/lib/ext/tree.less
+++ b/src/_h5ai/public/css/lib/ext/tree.less
@@ -4,6 +4,7 @@
     order: 1;
 
     padding: 16px 16px 16px 8px;
+    background: @col-back-panel;
     border-right: 1px solid @col-border;
     white-space: nowrap;
     max-width: 250px;
diff --git a/src/_h5ai/public/css/lib/view/sidebar.less b/src/_h5ai/public/css/lib/view/sidebar.less
index 2a406f8a..06066960 100644
--- a/src/_h5ai/public/css/lib/view/sidebar.less
+++ b/src/_h5ai/public/css/lib/view/sidebar.less
@@ -4,10 +4,11 @@
     flex: 0 0 auto;
     order: 0;
     background: @col-back-panel;
-    border-right: 1px solid rgba(0,0,0,0.08);
+    border-right: 1px solid @col-border;
     padding: 16px;
 
     position: absolute;
+    top: 48px;
     min-height: 100%;
     z-index: 1;
 
diff --git a/src/_h5ai/public/css/lib/view/topbar.less b/src/_h5ai/public/css/lib/view/topbar.less
index db727e32..65d6a994 100644
--- a/src/_h5ai/public/css/lib/view/topbar.less
+++ b/src/_h5ai/public/css/lib/view/topbar.less
@@ -5,7 +5,7 @@
     order: 1;
 
     background: @col-back-panel;
-    box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
+    border-bottom: 1px solid @col-border;
     z-index: 1;
 }
 
diff --git a/src/_h5ai/public/css/lib/view/view-details.less b/src/_h5ai/public/css/lib/view/view-details.less
index 3d5a576a..03635838 100644
--- a/src/_h5ai/public/css/lib/view/view-details.less
+++ b/src/_h5ai/public/css/lib/view/view-details.less
@@ -25,16 +25,10 @@
 
     margin: 16px;
 
-    #items {
-        .rounded;
-        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
-    }
-
     .header {
         position: relative;
         white-space: nowrap;
         display: list-item;
-        background: @col-back-panel;
         border-bottom: 1px solid rgba(0,0,0,0.07);
         border-radius: 2px 2px 0 0;
 
diff --git a/src/_h5ai/public/css/lib/view/view-grid.less b/src/_h5ai/public/css/lib/view/view-grid.less
index 82486fdc..c8d9fed5 100644
--- a/src/_h5ai/public/css/lib/view/view-grid.less
+++ b/src/_h5ai/public/css/lib/view/view-grid.less
@@ -20,7 +20,6 @@
     margin: 8px;
 
     .item {
-        .card;
         .rounded;
         overflow: hidden;
         float: left;
@@ -34,7 +33,6 @@
     .square {
         display: inline-block;
         vertical-align: top;
-        background: @col-back-panel;
     }
 
     .label {
diff --git a/src/_h5ai/public/css/lib/view/view-icons.less b/src/_h5ai/public/css/lib/view/view-icons.less
index e5f51ab7..5ad06d7e 100644
--- a/src/_h5ai/public/css/lib/view/view-icons.less
+++ b/src/_h5ai/public/css/lib/view/view-icons.less
@@ -24,7 +24,6 @@
     margin: 8px;
 
     .item {
-        .card;
         .rounded;
         overflow: hidden;
         float: left;