diff --git a/src/public/app/services/note_content_renderer.js b/src/public/app/services/note_content_renderer.js
index 540035d4d..e3750f6c6 100644
--- a/src/public/app/services/note_content_renderer.js
+++ b/src/public/app/services/note_content_renderer.js
@@ -34,6 +34,7 @@ async function getRenderedContent(note, options = {}) {
         }
         else {
             $renderedContent.css("padding", "10px");
+            $renderedContent.addClass("text-with-ellipsis");
 
             let childNoteIds = note.getChildNoteIds();
 
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 69c724149..b3bd8c2e7 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -944,3 +944,9 @@ input {
     padding-left: 25px;
     margin-bottom: 5px;
 }
+
+.text-with-ellipsis {
+    overflow-x: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}