diff --git a/web/src/components/playground/MessageContent.jsx b/web/src/components/playground/MessageContent.jsx
index fdeb3813..b10328dd 100644
--- a/web/src/components/playground/MessageContent.jsx
+++ b/web/src/components/playground/MessageContent.jsx
@@ -71,8 +71,8 @@ const MessageContent = ({
     }
 
     return (
-      <div className={`${className} flex items-center p-4 bg-red-50 rounded-xl`}>
-        <Typography.Text type="danger" className="text-sm">
+      <div className={`${className}`}>
+        <Typography.Text className="text-white">
           {errorText}
         </Typography.Text>
       </div>