fix: fixed long system messages overflowing

packages/stream_chat_flutter/lib/src/system_message.dart

@@ -56,19 +56,20 @@ class SystemMessage extends StatelessWidget {
           onMessageTap(message);
         }
       },
-      child: Container(
+      child: Row(
-        width: double.infinity,
+        crossAxisAlignment: CrossAxisAlignment.end,
-        child: Row(
+        mainAxisAlignment: MainAxisAlignment.center,
-          crossAxisAlignment: CrossAxisAlignment.start,
+        children: <Widget>[
-          children: <Widget>[
+          divider,
-            divider,
+          Flexible(
-            Padding(
+            child: Padding(
-              padding: const EdgeInsets.symmetric(horizontal: 32.0),
+              padding: const EdgeInsets.symmetric(horizontal: 2.0),
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.center,
                 children: <Widget>[
                   Text(
                     message.text,
+                    softWrap: true,
                     style: TextStyle(
                       fontSize: 10,
                       color: Theme.of(context)
@@ -107,9 +108,9 @@ class SystemMessage extends StatelessWidget {
                 ],
               ),
             ),
-            divider,
+          ),
-          ],
+          divider,
-        ),
+        ],
       ),
     );
   }