diff --git a/app/assets/javascripts/vue/treeview.js b/app/assets/javascripts/vue/treeview.js
index 9724324..707eef1 100644
--- a/app/assets/javascripts/vue/treeview.js
+++ b/app/assets/javascripts/vue/treeview.js
@@ -25,10 +25,13 @@
           return _.find(this.paths, function(path){
             return self.path == path.path;
           });
-        },
+        }
       },
 
       methods: {
+        isAncestor: function(target) {
+          return this.path.indexOf(target) === 0;
+        },
         fetchTree: function() {
           var self = this;
           new Promise(function(resolve, reject) {
diff --git a/app/views/shared/vue/_treeview.html.erb b/app/views/shared/vue/_treeview.html.erb
index 91e37a0..14091a4 100644
--- a/app/views/shared/vue/_treeview.html.erb
+++ b/app/views/shared/vue/_treeview.html.erb
@@ -2,7 +2,8 @@
   <input type="text" name="<%= try(:name) %>" size="48" v-model="path" />
   <div class="tree">
     <pre>
-<span v-on="click: selectPath(path)" class="vue-path" v-class="selected: isSelected(path)" v-repeat="paths">{{ path }}<span v-if="isSuffixRequired($data)">/</span>
+<span v-on="click: selectPath(path)" class="vue-path" v-class="selected: isSelected(path)" v-repeat="paths"><span
+  v-if="is_dir"><span v-if="!isAncestor(path)"><%= icon("fa-folder") %></span><span v-if="isAncestor(path)"><%= icon("fa-folder-open") %></span></span>{{ path }}<span v-if="isSuffixRequired($data)">/</span>
 </span></pre>
   </div>