diff --git a/js/src/features/particles/particle-list-view.tsx b/js/src/features/particles/particle-list-view.tsx
index 8a82841..eb39062 100644
--- a/js/src/features/particles/particle-list-view.tsx
+++ b/js/src/features/particles/particle-list-view.tsx
@@ -56,9 +56,12 @@ function getMessagePreview(particle: Particle): string {
       return particle.properties.content;
     case "media": {
       const mime = particle.properties.mime_type;
-      if (mime.startsWith("video/")) return "Video clip";
-      if (mime.startsWith("audio/")) return "Voice note";
       if (mime.startsWith("image/")) return "Photo";
+      if (mime.startsWith("video/") || mime.startsWith("audio/")) {
+        const transcriptText = particle.properties.transcript?.transcript;
+        if (transcriptText) return transcriptText;
+        return mime.startsWith("video/") ? "Video clip" : "Voice note";
+      }
       return "Media";
     }
     case "file":