Fix: Rendering Overflow

lib/forms/matched_screen.dart

@@ -24,6 +24,7 @@ class MatchedScreen extends StatelessWidget {
       appBar: AppBar(title: const Text('It\'s a Match!')),
       body: Padding(
         padding: const EdgeInsets.all(16.0),
+        child: SingleChildScrollView(
           child: Column(
             mainAxisAlignment: MainAxisAlignment.center,
             children: [
@@ -76,6 +77,7 @@ class MatchedScreen extends StatelessWidget {
             ],
           ),
         ),
+      ),
     );
   }
 }

lib/pages/chat_page.dart

@@ -101,7 +101,17 @@ class _ChatPageState extends State<ChatPage> {
     }
     if (userPic != null) {
       chatHeader = Row(
-        children: [userPic, const SizedBox(width: 7), Text(widget.chatTitle)],
+        children: [
+          userPic,
+          const SizedBox(width: 7),
+          Flexible(
+            child: Text(
+              widget.chatTitle,
+              overflow: TextOverflow.ellipsis,
+              maxLines: 2,
+            ),
+          ),
+        ],
       );
     }