diff --git a/src/packages/tree-view/src/directory-view.coffee b/src/packages/tree-view/src/directory-view.coffee
index a039232b6..f60ff2a5f 100644
--- a/src/packages/tree-view/src/directory-view.coffee
+++ b/src/packages/tree-view/src/directory-view.coffee
@@ -11,6 +11,7 @@ class DirectoryView extends View
       @div outlet: 'header', class: 'header', =>
         @span '▸', class: 'disclosure-arrow', outlet: 'disclosureArrow'
         @span directory.getBaseName(), class: 'name', outlet: 'directoryName'
+      @span "", class: 'highlight'
 
   directory: null
   entries: null
diff --git a/src/packages/tree-view/src/file-view.coffee b/src/packages/tree-view/src/file-view.coffee
index 6fb40540a..3bf6894b3 100644
--- a/src/packages/tree-view/src/file-view.coffee
+++ b/src/packages/tree-view/src/file-view.coffee
@@ -5,7 +5,9 @@ Git = require 'git'
 module.exports =
 class FileView extends View
   @content: (file) ->
-    @li file.getBaseName(), class: 'file entry'
+    @li class: 'file entry', =>
+      @span file.getBaseName(), class: 'name'
+      @span "", class: 'highlight'
 
   file: null