diff --git a/ui/assets/css/main.css b/ui/assets/css/main.css
index 20b669b85..9a0fc52ba 100644
--- a/ui/assets/css/main.css
+++ b/ui/assets/css/main.css
@@ -27,6 +27,11 @@
   margin-top: -10px;
 }
 
+.md-div p {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .md-div p:last-child {
   margin-bottom: 0px;
 }
@@ -138,3 +143,8 @@ hr {
 .emoji {
   height: 1.2em !important;
 }
+
+.text-wrap-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis
+}
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index ee28c6b43..227ad87aa 100644
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -162,7 +162,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
           </video>
         )}
         <div className="ml-4">
-          <div className="post-title">
+          <div className="post-title text-wrap-truncate">
             <h5 className="mb-0 d-inline">
               {post.url ? (
                 <a