diff --git a/module/story/css/view.css b/module/story/css/view.css
index 691bbe0b26..c521f667d0 100644
--- a/module/story/css/view.css
+++ b/module/story/css/view.css
@@ -6,3 +6,4 @@
 #legendRelated .table-data tbody>tr>th {width: 90px;}
 #legendStories .list-unstyled li a {padding: 6px;}
 [lang^='zh'] #legendStories .list-unstyled li a {padding: 6px 12px;}
+.linkStoryTitle {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
diff --git a/module/story/view/view.html.php b/module/story/view/view.html.php
index 93ce4a18e8..b88d51bd3a 100644
--- a/module/story/view/view.html.php
+++ b/module/story/view/view.html.php
@@ -533,7 +533,7 @@
                               {
                                   $storyLink = "[S] #$linkStoryID $linkStoryTitle";
                               }
-                              echo "<li title='$linkStoryTitle'>$storyLink</li>";
+                              echo "<li title='$linkStoryTitle' class='linkStoryTitle'>$storyLink</li>";
                           }
                       }
                       ?>