diff --git a/js/src/features/streams/particle-preview.tsx b/js/src/features/streams/particle-preview.tsx
index 349bc74..3f7eeb8 100644
--- a/js/src/features/streams/particle-preview.tsx
+++ b/js/src/features/streams/particle-preview.tsx
@@ -49,7 +49,7 @@ function TextPreview({ particle }: { particle: StreamParticle }) {
   // only show x first chars for preview, to avoid overflow and also to determine text size
   const truncated = data.content.length > 30 ? data.content.slice(0, 30) + "..." : data.content;
   return (
-    <div className="flex h-full w-full items-center justify-center bg-gradient-to-br from-black-500/15 to-indigo-500/15 p-4">
+    <div className="flex h-full w-full items-center justify-center p-4">
       <p
         className={cn(
           "line-clamp-4 text-center leading-relaxed text-4xl",