diff --git a/src/gui/src/UI/UIItem.js b/src/gui/src/UI/UIItem.js
index 49622791..3fb92c41 100644
--- a/src/gui/src/UI/UIItem.js
+++ b/src/gui/src/UI/UIItem.js
@@ -162,6 +162,8 @@ function UIItem(options){
 
         h += `</div>`;
 
+        // divider
+        h += `<div class="item-divider"></div>`;
         // name
         h += `<pre class="item-name" data-item-id="${item_id}" title="${html_encode(options.name)}">${options.is_trash ? i18n('trash') : html_encode(truncate_filename(options.name))}</pre>`
         // name editor
diff --git a/src/gui/src/css/style.css b/src/gui/src/css/style.css
index fb7816b8..e56720ed 100644
--- a/src/gui/src/css/style.css
+++ b/src/gui/src/css/style.css
@@ -414,7 +414,16 @@ input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, sel
     float: left;
     position: relative;
     scroll-margin: 15px 15px 100px 15px;
-    pointer-events: all;
+    pointer-events: none;
+}
+
+.item-divider {
+    height: 3px;
+    width: 100%;
+}
+
+.item-container-list .item-divider, .item-container-details .item-divider {
+    display: none;
 }
 
 .item-disabled {
@@ -530,6 +539,7 @@ span.header-sort-icon img {
     display: flex;
     justify-content: center;
     align-items: center;
+    pointer-events: all;
 }
 
 .item-container-list .item-icon {
@@ -642,7 +652,7 @@ span.header-sort-icon img {
     text-shadow: 0px 0px 3px #00000082, 0px 0px 3px #00000082, 0px 0px 3px #00000082;
     -webkit-font-smoothing: antialiased;
     padding: 3px;
-    margin-top: 4px;
+    margin-top: 1px;
     display: inline-block;
     font-weight: bold;
     border-radius: 4px;
@@ -655,6 +665,7 @@ span.header-sort-icon img {
     transition: opacity 0.2s ease-in-out;
     cursor: default;
     max-width: 110px;
+    pointer-events: all;
 }
 
 .item-container-list .item-name {
@@ -698,6 +709,7 @@ span.header-sort-icon img {
     position: relative;
     box-sizing: border-box;
     z-index: 999999999;
+    pointer-events: all;
 }
 
 .item-container-list .item-name-editor {