From 29a24dcf3bddf7b51b0930e06a637e5df367e6b4 Mon Sep 17 00:00:00 2001
From: Zai Shi <zaishi00@outlook.com>
Date: Sun, 28 Jul 2024 05:56:41 -0700
Subject: [PATCH] fixed message card style

---
 .../stack/src/components/message-cards/message-card.tsx     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/stack/src/components/message-cards/message-card.tsx b/packages/stack/src/components/message-cards/message-card.tsx
index cb0f0c571..dee5a66e3 100644
--- a/packages/stack/src/components/message-cards/message-card.tsx
+++ b/packages/stack/src/components/message-cards/message-card.tsx
@@ -18,11 +18,11 @@ export function MessageCard(
 ) {
   return (
     <MaybeFullPage fullPage={fullPage}>
-      <div style={{ textAlign: 'center' }}>
-        <Typography type='h3' className="mb-6">{props.title}</Typography>
+      <div className="text-center stack-scope flex flex-col gap-4">
+        <Typography type='h3'>{props.title}</Typography>
         {props.children}
         {(props.primaryButtonText || props.secondaryButtonText) && (
-          <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'center', gap: '16px', marginTop: 20 }}>
+          <div className="flex justify-center gap-4 my-5">
             {props.secondaryButtonText && (
               <Button variant="secondary" onClick={props.secondaryAction}>
                 {props.secondaryButtonText}