diff --git a/src/_h5ai/client/css/inc/view-details.less b/src/_h5ai/client/css/inc/view-details.less
index 01687831..821e700d 100644
--- a/src/_h5ai/client/css/inc/view-details.less
+++ b/src/_h5ai/client/css/inc/view-details.less
@@ -30,9 +30,11 @@
 #view.view-details {
 
     .header {
+        position: relative;
+        white-space: nowrap;
         display: list-item;
         background: #fafafa;
-        border-bottom: 1px solid rgba(0,0,0,0.065);
+        border-bottom: 1px solid rgba(0,0,0,0.07);
 
         a, a:active, a:visited {
             padding: 12px 8px;
@@ -61,13 +63,10 @@
     }
 
     .item {
-        border-bottom: 1px solid rgba(0,0,0,0.065);
+        border-bottom: 1px solid rgba(0,0,0,0.07);
 
-        a, a:active, a:visited {
-
-            &:hover, &.hover {
-                border-color: @item-border-col-hover;
-            }
+        &:hover {
+            border-bottom: 1px solid rgba(0,0,0,0.09);
         }
 
         // needs to be here, to not conflict with header fields
@@ -81,6 +80,10 @@
         position: absolute;
         left: 16px;
         top: -1px;
+
+        .thumb {
+            box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
+        }
     }
 
     .date {
diff --git a/src/_h5ai/client/css/inc/view-icons.less b/src/_h5ai/client/css/inc/view-icons.less
index 901b579b..c06e0fc1 100644
--- a/src/_h5ai/client/css/inc/view-icons.less
+++ b/src/_h5ai/client/css/inc/view-icons.less
@@ -47,12 +47,6 @@
         display: none;
     }
 
-    .empty, .no-match {
-        margin: 0 120px;
-        padding: 16px;
-        height: 120px;
-    }
-
     .view-icons-sized(96px);
 
     &.size-16,
diff --git a/src/_h5ai/client/css/inc/view.less b/src/_h5ai/client/css/inc/view.less
index 84070714..ba1dc488 100644
--- a/src/_h5ai/client/css/inc/view.less
+++ b/src/_h5ai/client/css/inc/view.less
@@ -1,15 +1,12 @@
 
 
-@item-border-col-sep: @col-border;
-
+@item-col-hover: @col-hover;
 @item-background-col-hover: #fafafa;
 @item-border-col-hover: @col-border;
 
-// @item-background-col-sel: rgba(0,0,0,0.02);
-// @item-border-col-sel: @col-border-strong;
 @item-col-sel: #fff;
 @item-background-col-sel: #42A5F5;
-@item-border-col-sel: #2196F3;
+
 
 #selection-rect {
     display: none;
@@ -18,7 +15,7 @@
     top: 0;
     z-index: 2;
     border: 1px dashed @col-border-strong;
-    background-color: rgba(0,0,0,0.01);
+    background: rgba(0,0,0,0.01);
 }
 
 
@@ -38,16 +35,13 @@
         list-style: none;
     }
 
-    li {
-        position: relative;
-        white-space: nowrap;
-    }
-
     .header {
         display: none;
     }
 
     .item {
+        position: relative;
+        white-space: nowrap;
         background: #fff;
 
         a, a:active, a:visited {
@@ -55,7 +49,7 @@
         }
 
         &:hover, &.hover {
-            color: @col-hover;
+            color: @item-col-hover;
             background: @item-background-col-hover;
             border-color: @item-border-col-hover;
         }
@@ -67,19 +61,16 @@
         }
 
         &.selected:not(.selecting), &.selecting:not(.selected) {
-            background: @item-background-col-sel;
-            border-color: @item-border-col-sel;
             color: @item-col-sel;
+            background: @item-background-col-sel;
 
             &:hover, &.hover {
-                background: @item-background-col-sel;
-                border-color: @item-border-col-sel;
                 color: @item-col-sel;
+                background: @item-background-col-sel;
             }
 
             .selector {
                 display: block;
-                // border-color: @col-border-stronger;
 
                 img {
                     display: block;
@@ -157,14 +148,11 @@
     }
 
     .empty, .no-match {
-        margin: 50px 0;
+        display: none;
+        margin-top: 36px;
         text-align: center;
         color: #ddd;
         font-size: 5em;
         font-weight: bold;
     }
-
-    .no-match {
-        display: none;
-    }
 }