diff --git a/js/src/features/particles/text-particle-view.tsx b/js/src/features/particles/text-particle-view.tsx
index f03de38..b5c8532 100644
--- a/js/src/features/particles/text-particle-view.tsx
+++ b/js/src/features/particles/text-particle-view.tsx
@@ -111,8 +111,8 @@ export function TextParticleView({
 
   return (
     <div className="flex h-full w-full items-center justify-center bg-gradient-to-b from-black/40 via-black/20 to-black/40 p-8">
-      <div className="flex max-h-full w-full max-w-3xl items-center gap-6 px-2">
-        <div className="flex-1 overflow-y-auto rounded-2xl bg-white/10 p-5 backdrop-blur-md">
+      <div className="flex max-h-full w-full items-center gap-6">
+        <div className="flex-1 overflow-y-auto rounded-2xl max-w-lg mx-auto bg-white/10 p-5 backdrop-blur-md">
           <p className="break-words text-base leading-relaxed text-white">
             {content}
           </p>