diff --git a/packages/app/src/Element/Trending/ShortNote.tsx b/packages/app/src/Element/Trending/ShortNote.tsx
index afe1da33..02caee1e 100644
--- a/packages/app/src/Element/Trending/ShortNote.tsx
+++ b/packages/app/src/Element/Trending/ShortNote.tsx
@@ -5,6 +5,8 @@ import { Link } from "react-router-dom";
 import NoteTime from "@/Element/Event/NoteTime";
 
 export default function ShortNote({ event }: { event: TaggedNostrEvent }) {
+  // replace newlines with spaces, replace double spaces with single spaces
+  const content = event.content.slice(0, 80).replace(/\n/g, " ").replace(/  +/g, " ");
   return (
     <Link to={`/${NostrLink.fromEvent(event).encode(CONFIG.eventLinkPrefix)}`} className="flex flex-col">
       <div className="flex flex-row justify-between">
@@ -12,7 +14,7 @@ export default function ShortNote({ event }: { event: TaggedNostrEvent }) {
         <NoteTime from={event.created_at * 1000} />
       </div>
       <div className="ml-10">
-        <Text {...event} truncate={75} />
+        <Text {...event} content={content} truncate={75} disableMedia={true} />
       </div>
     </Link>
   );