diff --git a/www/drive/file.css b/www/drive/file.css
index 65e03f713..a9438181c 100644
--- a/www/drive/file.css
+++ b/www/drive/file.css
@@ -82,6 +82,10 @@ li {
   color: #eee;
   margin: -1px;
 }
+.selected .fa-minus-square-o,
+.selected .fa-plus-square-o {
+  color: #000;
+}
 span.fa-folder,
 span.fa-folder-open {
   color: #FEDE8B;
@@ -102,18 +106,21 @@ span.fa-folder-open {
   color: #000;
 }
 #tree li {
+  padding: 0 0 0 5px;
   cursor: auto;
 }
 #tree li.collapsed ul {
   display: none;
 }
 #tree li input {
-  width: calc(70%);
+  width: calc(100% - 30px);
 }
 #tree li > span.element-row {
-  width: 100%;
+  width: calc(100% + 5px);
   display: inline-block;
   cursor: pointer;
+  margin-left: -5px;
+  padding-left: 5px;
 }
 #tree li > span.element-row:not(.selected):hover {
   background-color: #eee;
diff --git a/www/drive/file.less b/www/drive/file.less
index cdbba0e56..9b431889d 100644
--- a/www/drive/file.less
+++ b/www/drive/file.less
@@ -112,6 +112,9 @@ li {
     background: #666;
     color: #eee;
     margin: -1px;
+    .fa-minus-square-o, .fa-plus-square-o {
+        color: @tree-fg;
+    }
 }
 
 span {
@@ -137,17 +140,20 @@ span {
     padding: 10px 0px;
     color: @tree-fg;
     li {
+        padding: 0 0 0 5px;
         cursor: auto;
         &.collapsed ul {
             display: none;
         }
         input {
-            width: calc(100% - 30px);
+            width: ~"calc(100% - 30px)";
         }
         & > span.element-row {
-            width: 100%;
+            width: ~"calc(100% + 5px)";
             display: inline-block;
             cursor: pointer;
+            margin-left: -5px;
+            padding-left: 5px;
         }
         & > span.element-row:not(.selected):hover {
             background-color: @drive-hover;