diff --git a/public/js/dots.js b/public/js/dots.js
new file mode 100644
index 0000000..e31f681
--- /dev/null
+++ b/public/js/dots.js
@@ -0,0 +1,10 @@
+const truncate = () => {
+	$('.acard .uk-card-title').each((i, e) => {
+		new Dotdotdot(e, {
+			height: 120,
+			truncate: 'letter'
+		});
+	});
+};
+
+truncate();
diff --git a/src/views/index.ecr b/src/views/index.ecr
index da2b89c..18175d7 100644
--- a/src/views/index.ecr
+++ b/src/views/index.ecr
@@ -46,6 +46,8 @@
 </div>
 
 <% content_for "script" do %>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.dotdotdot/4.0.11/dotdotdot.js"></script>
+<script src="/js/dots.js"></script>
 <script src="/js/search.js"></script>
 <script src="/js/sort-items.js"></script>
 <% end %>
diff --git a/src/views/title.ecr b/src/views/title.ecr
index 98d63b0..8aef1fb 100644
--- a/src/views/title.ecr
+++ b/src/views/title.ecr
@@ -93,6 +93,8 @@
 </div>
 
 <% content_for "script" do %>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.dotdotdot/4.0.11/dotdotdot.js"></script>
+<script src="/js/dots.js"></script>
 <script src="/js/alert.js"></script>
 <script src="/js/title.js"></script>
 <script src="/js/search.js"></script>