diff --git a/assets/scss/_cards.scss b/assets/scss/_cards.scss
index f5f7348bf..ad2fae38b 100644
--- a/assets/scss/_cards.scss
+++ b/assets/scss/_cards.scss
@@ -154,6 +154,15 @@ a.original:not(.waves-effect) {
   }
 }
 
+.card .card-content .card-title,
+.card-stacked .card-content .card-title {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
 .card-entry-labels li,
 .card-tag-labels li {
   margin: 10px 10px 10px auto;
diff --git a/templates/Entry/Card/_content.html.twig b/templates/Entry/Card/_content.html.twig
index 2d3088368..a34f9507e 100644
--- a/templates/Entry/Card/_content.html.twig
+++ b/templates/Entry/Card/_content.html.twig
@@ -4,10 +4,10 @@
     {% endif %}
     {% if is_granted('VIEW', entry) %}
         <a href="{{ path('view', {'id': entry.id}) }}" title="{{ entry.title|striptags|e('html_attr') }}" class="card-title dot-ellipsis dot-resize-update">
-            {{ entry.title|striptags|u.truncate(80, '…', false)|default('entry.default_title'|trans)|raw }}
+            {{ entry.title|striptags|default('entry.default_title'|trans)|raw }}
         </a>
     {% else %}
-        {{ entry.title|striptags|u.truncate(80, '…', false)|default('entry.default_title'|trans)|raw }}
+        {{ entry.title|striptags|default('entry.default_title'|trans)|raw }}
     {% endif %}
 
     <div class="{{ subClass|default('original grey-text') }}">