[MessageReactionsModal] Fix padding

Signed-off-by: Sahil Kumar <[email protected]>

lib/src/message_reactions_modal.dart

@@ -127,7 +127,6 @@ class MessageReactionsModal extends StatelessWidget {
                             ),
                           );
                         }),
-                    SizedBox(height: 8),
                     if (message.latestReactions?.isNotEmpty == true)
                       _buildReactionCard(context),
                   ],
@@ -152,27 +151,21 @@ class MessageReactionsModal extends StatelessWidget {
         shape: RoundedRectangleBorder(
           borderRadius: BorderRadius.circular(16),
         ),
-        child: Column(
+        child: Padding(
-          mainAxisSize: MainAxisSize.min,
+          padding: const EdgeInsets.all(16),
-          children: [
+          child: Column(
-            Padding(
+            mainAxisSize: MainAxisSize.min,
-              padding: const EdgeInsets.all(16.0),
+            children: [
-              child: Text(
+              Text(
                 'Message Reactions',
-                style: Theme.of(context).textTheme.headline6,
+                style: StreamChatTheme.of(context).textTheme.headlineBold,
               ),
-            ),
+              const SizedBox(height: 16),
-            Flexible(
+              Flexible(
-              child: SingleChildScrollView(
+                child: SingleChildScrollView(
-                child: Padding(
-                  padding: const EdgeInsets.only(
-                    left: 18,
-                    right: 18,
-                    bottom: 26,
-                  ),
                   child: Wrap(
                     spacing: 16,
-                    runSpacing: 22,
+                    runSpacing: 16,
                     alignment: WrapAlignment.start,
                     children: message.latestReactions
                         .map((e) => _buildReaction(
@@ -184,8 +177,8 @@ class MessageReactionsModal extends StatelessWidget {
                   ),
                 ),
               ),
-            ),
+            ],
-          ],
+          ),
         ),
       ),
     );
@@ -245,9 +238,10 @@ class MessageReactionsModal extends StatelessWidget {
                       ),
                     ],
                   ),
+                  const SizedBox(height: 8),
                   Text(
                     reaction.user.name,
-                    style: Theme.of(context).textTheme.subtitle2,
+                    style: StreamChatTheme.of(context).textTheme.footnoteBold,
                     textAlign: TextAlign.center,
                   ),
                 ],