diff --git a/assets/css/app.css b/assets/css/app.css
index 9333261..5df0e10 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -857,6 +857,12 @@ html[dir="rtl"] span.items-count:before {
     .hide-desktop {
         display: none;
     }
+
+    .items h2 {
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+    }
 }
 
 /* mobile design */
diff --git a/templates/item.php b/templates/item.php
index f4e1d0d..40cf7db 100644
--- a/templates/item.php
+++ b/templates/item.php
@@ -14,11 +14,13 @@
             <a class="original" rel="noreferrer" target="_blank"
                href="<?= $item['url'] ?>"
                <?= ($original_marks_read) ? 'data-action="mark-read"' : '' ?>
+               title="<?= Helper\escape($item['title']) ?>"
             ><?= Helper\escape($item['title']) ?></a>
         <?php else: ?>
             <a
                 href="?action=show&amp;menu=<?= $menu ?><?= isset($group_id) ? '&amp;group_id='.$group_id : '' ?>&amp;id=<?= $item['id'] ?>"
                 class="show"
+                title="<?= Helper\escape($item['title']) ?>"
             ><?= Helper\escape($item['title']) ?></a>
         <?php endif ?>
     </h2>