diff --git a/assets/javascripts/templates/path_tmpl.coffee b/assets/javascripts/templates/path_tmpl.coffee
index 17e1c602..2bd01b9c 100644
--- a/assets/javascripts/templates/path_tmpl.coffee
+++ b/assets/javascripts/templates/path_tmpl.coffee
@@ -1,4 +1,4 @@
-arrow = """<svg class="_path-arrow"><use xlink:href="#dir"/></svg>"""
+arrow = """<svg class="_path-arrow"><use xlink:href="#dir-icon"/></svg>"""
 
 app.templates.path = (doc, type, entry) ->
   html = """<a href="#{doc.fullPath()}" class="_path-item _icon-#{doc.icon}">#{doc.fullName}</a>"""
diff --git a/assets/javascripts/templates/sidebar_tmpl.coffee b/assets/javascripts/templates/sidebar_tmpl.coffee
index 663ddf55..19decec4 100644
--- a/assets/javascripts/templates/sidebar_tmpl.coffee
+++ b/assets/javascripts/templates/sidebar_tmpl.coffee
@@ -1,6 +1,6 @@
 templates = app.templates
 
-arrow = """<svg class="_list-arrow"><use xlink:href="#dir"/></svg>"""
+arrow = """<svg class="_list-arrow"><use xlink:href="#dir-icon"/></svg>"""
 
 templates.sidebarDoc = (doc, options = {}) ->
   link  = """<a href="#{doc.fullPath()}" class="_list-item _icon-#{doc.icon} """
diff --git a/views/app.erb b/views/app.erb
index 266202fc..a7357a59 100644
--- a/views/app.erb
+++ b/views/app.erb
@@ -54,7 +54,7 @@
   </form>
 </div>
 <svg style="display:none">
-  <symbol id="dir"><svg viewBox="0 0 20 20"><path d="M15 10c0 .3-.305.515-.305.515l-8.56 5.303c-.625.41-1.135.106-1.135-.67V4.853c0-.777.51-1.078 1.135-.67l8.56 5.305S15 9.702 15 10z"/></svg></symbol>
+  <symbol id="dir-icon"><svg viewBox="0 0 20 20"><path d="M15 10c0 .3-.305.515-.305.515l-8.56 5.303c-.625.41-1.135.106-1.135-.67V4.853c0-.777.51-1.078 1.135-.67l8.56 5.305S15 9.702 15 10z"/></svg></symbol>
 </svg>
 <style data-size="<%= app_size %>" data-resizer>
   ._container { margin-left: <%= app_size %>; }