From 159fa8596ad85cea25bd87ebc7390ed504f7d8fe Mon Sep 17 00:00:00 2001
From: Starknet Dev <starknetdev@gmail.com>
Date: Tue, 24 Sep 2024 16:05:17 -0400
Subject: [PATCH] - fix the position of the tx activity - center payment table

---
 ui/src/app/components/start/Spawn.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/src/app/components/start/Spawn.tsx b/ui/src/app/components/start/Spawn.tsx
index e89ee3674..844e4cf2a 100644
--- a/ui/src/app/components/start/Spawn.tsx
+++ b/ui/src/app/components/start/Spawn.tsx
@@ -166,9 +166,9 @@ export const Spawn = ({
                 speed={40}
                 style={{ fontSize: "2em" }}
               />
-              <span className="hidden sm:block">
-                <TxActivity />
-              </span>
+            </span>
+            <span className="absolute top-1/4 left-1/2 transform -translate-x-1/2 hidden sm:block">
+              <TxActivity />
             </span>
           </>
         ) : (
@@ -258,7 +258,7 @@ export const Spawn = ({
                             <DownArrowIcon className="self-center rotate-[-90deg] w-20" />
                             <p className="uppercase text-4xl">Pay</p>
                           </div>
-                          <div className="w-full sm:w-1/2">
+                          <div className="w-full flex justify-center sm:w-1/2">
                             <PaymentDetails
                               adventurers={adventurers}
                               showPaymentDetails={showPaymentDetails}