diff --git a/src/styles/core/extend.css b/src/styles/core/extend.css
index a6386d1..67c2672 100644
--- a/src/styles/core/extend.css
+++ b/src/styles/core/extend.css
@@ -114,7 +114,7 @@
     display: inline-block;
 }
 
-.icon-expand + .checkbox {
+.icon-dir-expand + .checkbox {
     margin-left: 6px;
 }
 
diff --git a/src/styles/theme/default.css b/src/styles/theme/default.css
index 3251043..bc0d6b8 100644
--- a/src/styles/theme/default.css
+++ b/src/styles/theme/default.css
@@ -264,7 +264,11 @@
 }
 
 .skin-aria-ng .icon-expand {
-    color: #5399e8  ;
+    color: #5399e8;
+}
+
+.skin-aria-ng .icon-dir-expand {
+    color: #999;
 }
 
 .skin-aria-ng .nav-tabs-custom {
diff --git a/src/views/task-detail.html b/src/views/task-detail.html
index 283c7ed..7d3bfc7 100644
--- a/src/views/task-detail.html
+++ b/src/views/task-detail.html
@@ -235,7 +235,7 @@
                         <div class="row" ng-repeat="file in task.files | fileOrderBy: getFileListOrderType()"
                              ng-if="!context.collapsedDirs[file.relativePath]" data-file-index="{{file.index}}">
                             <div class="col-sm-10" ng-if="file.isDir" style="{{'padding-left: ' + (file.level * 16) + 'px'}}">
-                                <i class="icon-expand pointer-cursor fa" ng-click="collapseDir(file)"
+                                <i class="icon-dir-expand pointer-cursor fa" ng-click="collapseDir(file)"
                                    ng-class="{true: 'fa-plus', false: 'fa-minus'}[!!context.collapsedDirs[file.nodePath]]"
                                    title="{{(context.collapsedDirs[file.nodePath] ? 'Expand' : 'Collapse') | translate}}">
                                 </i><div class="checkbox checkbox-primary checkbox-inline">