diff --git a/module/doc/js/tablecontents.js b/module/doc/js/tablecontents.js
index 91ed0db7ed..7d1644fe26 100644
--- a/module/doc/js/tablecontents.js
+++ b/module/doc/js/tablecontents.js
@@ -17,6 +17,12 @@ $(function()
         return dropdown;
     }
 
+    var imgObj = {
+        'annex': 'annex',
+        'lib': 'wiki-file-lib'
+    }
+    console.log(treeData);
+
     $('#fileTree').tree(
     {
         initialState: 'active',
@@ -27,8 +33,8 @@ $(function()
             var hasChild = item.children ? !!item.children.length : false;
             var $item = '<a href="###" style="position: relative" data-has-children="' + hasChild + '" title="' + item.name + '" data-id="' + item.id + '" class="' + libClass + '" data-type="' + item.type + '">';
             $item += '<div class="text h-full w-full flex-start overflow-hidden">';
-            if(libClass == 'lib') $item += '<div class="img-lib" style="background-image:url(static/svg/annex.svg)"></div>';
-            $item += '<span>';
+            if(libClass == 'lib') $item += '<div class="img-lib" style="background-image:url(static/svg/' + imgObj[item.type || 'lib'] + '.svg)"></div>';
+            $item += '<span style="padding-left: 5px;">';
             $item += item.name
             $item += '</span>';
             $item += '<i class="icon icon-drop icon-ellipsis-v hidden tree-icon" data-isCatalogue="' + (item.type ? false : true) + '"></i>';