diff --git a/core/frontend/src/cards/css/bookmark.css b/core/frontend/src/cards/css/bookmark.css
index 3b119e9f6f..884f1dbe6a 100644
--- a/core/frontend/src/cards/css/bookmark.css
+++ b/core/frontend/src/cards/css/bookmark.css
@@ -21,6 +21,7 @@
     align-items: flex-start;
     justify-content: flex-start;
     padding: 20px;
+    overflow: hidden;
 }
 
 .kg-bookmark-title {
@@ -49,6 +50,7 @@
     width: 100%;
     font-size: 1.4rem;
     font-weight: 500;
+    white-space: nowrap;
 }
 
 .kg-bookmark-metadata > *:not(img) {
@@ -84,6 +86,11 @@
     margin: 0 6px;
 }
 
+.kg-bookmark-metadata > span:last-of-type {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .kg-bookmark-thumbnail {
     position: relative;
     flex-grow: 1;