diff --git a/module/api/css/index.css b/module/api/css/index.css
index 9c95885d1b..00908cd993 100644
--- a/module/api/css/index.css
+++ b/module/api/css/index.css
@@ -11,9 +11,10 @@
 
 /* tree */
 .tree-icon {position: absolute; right: 0;}
+.tree li > a {max-width: 100%; padding: 2px;}
+.file-tree  a.show-icon {padding-right: 15px;}
+.tree li.has-input {overflow: hidden;}
 
 /* sideBar */
 
 .sidebar-toggle > .icon {width: 16px; height: 30px; margin-top: -10px; line-height: 30px; color: #fff; text-align: center; background: #7dcdfe; border-radius: 6px; cursor: pointer;}
-
-/* table */
diff --git a/module/doc/css/tablecontents.css b/module/doc/css/tablecontents.css
index fec309e8d7..8928a41c0f 100644
--- a/module/doc/css/tablecontents.css
+++ b/module/doc/css/tablecontents.css
@@ -31,9 +31,7 @@ span.item>a {padding-left: 6px;}
 span.dotted-line+a {display: block;}
 #modules li.doc:before, .chapterNode:before, .independent:before {content: " "; width: 100%; border-bottom: 1px dashed #b5b9c5; position: absolute; top: 13px; right: 0; left: 30px;}
 .doc-title ,.item{display: inline-block !important; position: relative; padding-right: 10px; max-width:80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
-.tree li.has-list.open:before {content: unset;}
 #modules i.icon-file-text {color: #D0D2D6; font-size: 14px;}
-.tree li > a {max-width: 100%; padding: 2px;}
 
 .sortable-sorting .module-name > a {cursor: move;}
 .sortable-sorting li >.tree-group {opacity: .5;}
@@ -59,6 +57,9 @@ li.drag-shadow ul {display: none!important;}
 [lang^=zh] #mainContent > #sideBar {flex: 0 0 180px;}
 
 /* css for tree */
+
+.tree li.has-list.open:before {content: unset;}
+.tree li > a {max-width: 100%; padding: 2px;}
 .file-tree  a {height: 30px;}
 .file-tree  a.show-icon {padding-right: 15px;}
 .flex-between {display: flex; align-items: center; justify-content: space-between;}
@@ -67,6 +68,7 @@ li.drag-shadow ul {display: none!important;}
 .tree li > .list-toggle {top: 4px;}
 .input-tree {width: 120px;}
 .tree-icon {position: absolute; right: 0;}
+.tree li.has-input {overflow: hidden;}
 
 /* css for sidebar */
 .sidebar-toggle {flex: 0 0 16px;}
@@ -91,4 +93,3 @@ table.table > thead > tr {height: 32px;}
 [lang^=zh] #leftBar .selectBox #currentItem {width: 180px;}
 #leftBar .selectBox #currentItem > .text {overflow: hidden; text-align: left; flex: 0 1 100%;}
 
-.tree li.has-input {overflow: hidden;}
diff --git a/module/doc/js/tablecontents.js b/module/doc/js/tablecontents.js
index 342038920b..54d8444166 100644
--- a/module/doc/js/tablecontents.js
+++ b/module/doc/js/tablecontents.js
@@ -58,10 +58,10 @@ $(function()
 
         var libClass = '.libDorpdown';
         if(!$(this).hasClass('lib')) libClass = '.moduleDorpdown';
-        if($(libClass).find('li').length == 0) return false;
 
         $(this).find('.icon').removeClass('hidden');
-        $(this).addClass('show-icon');
+        $(this).addClass('show-icon');   if($(libClass).find('li').length == 0) return false;
+
     }).on('mouseout', 'a', function()
     {
         $(this).find('.icon').addClass('hidden');
diff --git a/module/doc/view/tablecontents.html.php b/module/doc/view/tablecontents.html.php
index 45ac5bbb05..1bc55ea138 100644
--- a/module/doc/view/tablecontents.html.php
+++ b/module/doc/view/tablecontents.html.php
@@ -116,10 +116,10 @@
   </ul>
 </div>
 <div class="hidden" data-id="aTreeModal">
-  <a href="###" data-has-children="false" title="%name%" data-id="%id%">
+  <a href="###" style="position: relative" data-has-children="false" data-action="true" title="%name%" data-id="%id%">
     <div class="text h-full w-full flex-between overflow-hidden" style="position: relative;">
-      <span>%name%</span>
-      <i class="icon icon-drop icon-ellipsis-v hidden file-drop-icon" data-iscatalogue="true"></i>
+      <span style="padding-left: 5px;">%name%</span>
+      <i class="icon icon-drop icon-ellipsis-v tree-icon hidden" data-iscatalogue="true"></i>
     </div>
   </a>
 </div>