diff --git a/packages/backend/index.ts b/packages/backend/index.ts
index 581ef12..6fe5fa3 100644
--- a/packages/backend/index.ts
+++ b/packages/backend/index.ts
@@ -33,9 +33,7 @@ app.use(morgan("common"));
 app.use(bodyParser.json({ limit: "30mb" }));
 app.use(bodyParser.urlencoded({ limit: "30mb", extended: true }));
 app.use(
-  cors({
-    origin: "*",
-  }),
+  cors(),
 );
 
 /**Ably Setup */
diff --git a/packages/backend/vercel.json b/packages/backend/vercel.json
index a3b7958..5e02a5b 100644
--- a/packages/backend/vercel.json
+++ b/packages/backend/vercel.json
@@ -1,11 +1,6 @@
 {
-    "version": 2,
-    "name": "dice-demonstration-backend",
-    "builds": [
-      { "src": "index.ts", "use": "@vercel/node" }
-    ],
-    "routes": [
-      { "src": "/(.*)", "dest": "/index.ts" }
-    ]
-  }
-  
\ No newline at end of file
+  "version": 2,
+  "name": "dice-demonstration-backend",
+  "builds": [{ "src": "index.ts", "use": "@vercel/node" }],
+  "routes": [{ "src": "/(.*)", "dest": "/index.ts" }]
+}
diff --git a/packages/nextjs/components/Wallet.tsx b/packages/nextjs/components/Wallet.tsx
index c8b7dbd..4dcba08 100644
--- a/packages/nextjs/components/Wallet.tsx
+++ b/packages/nextjs/components/Wallet.tsx
@@ -213,7 +213,7 @@ export default function Wallet() {
               <h2>Known Private Keys:</h2>
               {extraPkDisplay}
               <button
-                className="btn btn-primary btn-sm my-2"
+                className="btn btn-primary md:btn-sm btn-xs my-2"
                 onClick={() => {
                   const currentPrivateKey = window.localStorage.getItem("scaffoldEth2.burnerWallet.sk");
                   if (currentPrivateKey) {
@@ -280,7 +280,7 @@ export default function Wallet() {
 
               <div className="flex justify-end gap-2 ">
                 <button
-                  className="btn btn-primary btn-sm"
+                  className="btn btn-primary md:btn-sm btn-xs "
                   onClick={() => {
                     pk == "" && selectedAddress ? setPK(selectedAddress) : setPK("");
                     setQr("");
@@ -290,7 +290,7 @@ export default function Wallet() {
                   {pk == "" ? "Private Key" : "Hide"}
                 </button>
                 <button
-                  className="btn btn-primary btn-sm"
+                  className="btn btn-primary md:btn-sm btn-xs"
                   onClick={() => {
                     qr == "" && selectedAddress ? setQr(selectedAddress) : setQr("");
                     setPK("");
@@ -300,7 +300,7 @@ export default function Wallet() {
                   {qr == "" ? "Receive" : "Hide"}
                 </button>
                 <button
-                  className="btn btn-primary btn-sm"
+                  className="btn btn-primary md:btn-sm btn-xs"
                   key="submit"
                   disabled={!amount || !toAddress || pk != "" || qr != ""}
                   onClick={() => {
diff --git a/packages/nextjs/components/dicedemo/Congrats.tsx b/packages/nextjs/components/dicedemo/Congrats.tsx
index fc7ae77..db13d4d 100644
--- a/packages/nextjs/components/dicedemo/Congrats.tsx
+++ b/packages/nextjs/components/dicedemo/Congrats.tsx
@@ -1,23 +1,27 @@
 import { Dispatch, SetStateAction } from "react";
-import useGameData from "~~/hooks/useGameData";
 import useSweepWallet from "~~/hooks/useSweepWallet";
+import { Game } from "~~/types/game/game";
 
 const Congrats = ({
   isOpen,
   setIsOpen,
-  message,
+  isHacked,
+  isWinner,
+  game,
+  token,
 }: {
   isOpen: boolean;
   setIsOpen: Dispatch<SetStateAction<boolean>>;
-  message: string;
+  isHacked: boolean;
+  isWinner: boolean;
+  game: Game;
+  token: string;
 }) => {
   const closePopup = () => {
     setIsOpen(false);
   };
 
-  const { loadGameState } = useGameData();
-  const { game } = loadGameState();
-  const { sweepWallet } = useSweepWallet();
+  const { isSweeping } = useSweepWallet({ game: game, token: token });
 
   return (
     <div className=" overflow-hidden w-fit text-xs bg-base-200 h-full">
@@ -27,15 +31,23 @@ const Congrats = ({
             <label onClick={closePopup} className="btn btn-sm btn-circle absolute right-2 top-2">
               ✕
             </label>
-            <p className="text-center mt-4">{message}</p>
-            <button
-              onClick={() => {
-                sweepWallet(game.privateKey);
-              }}
-              className="btn btn-primary"
-            >
-              Sweep Wallet
-            </button>
+
+            {isWinner && (
+              <div>Congrats, you found the hidden characters and have successfully swept the private Key</div>
+            )}
+            {!isWinner && isHacked && !game.winner && (
+              <div>
+                {isSweeping
+                  ? "Hidden characters found, Trying to Sweep the wallet ..."
+                  : "Hidden characters found, Failed to sweep PrivateKey"}
+              </div>
+            )}
+            {!isWinner && isHacked && game.winner != undefined && (
+              <div>Hidden characters found but you were beaten to sweeping the private key by another wallet</div>
+            )}
+            {!isWinner && !isHacked && <div>Sorry fren, you lost</div>}
+
+            <div className="mt-5">The hidden characters are {Object.values(game.hiddenChars).join(", ")}</div>
           </div>
         </div>
       )}
diff --git a/packages/nextjs/components/dicedemo/GameCreateForm.tsx b/packages/nextjs/components/dicedemo/GameCreateForm.tsx
index 0674c81..d03539c 100644
--- a/packages/nextjs/components/dicedemo/GameCreateForm.tsx
+++ b/packages/nextjs/components/dicedemo/GameCreateForm.tsx
@@ -120,9 +120,11 @@ const GameCreationForm = () => {
               max="64"
               value={sliderValue}
               onChange={handleSliderChange}
-              className="slider appearance-none w-full h-2 bg-primary rounded outline-none slider-thumb "
+              className="slider appearance-none w-[87%] h-2 bg-primary rounded outline-none slider-thumb "
             />
-            <span className="slider-value p-2 bg-primary  font-bold rounded-md">{sliderValue}</span>
+            <span className="slider-value p-2 bg-primary w-[13%] font-bold rounded-md flex justify-center">
+              {sliderValue}
+            </span>
           </div>
         </label>
         <br />
diff --git a/packages/nextjs/components/dicedemo/GameJoinForm.tsx b/packages/nextjs/components/dicedemo/GameJoinForm.tsx
index a126278..8eaa961 100644
--- a/packages/nextjs/components/dicedemo/GameJoinForm.tsx
+++ b/packages/nextjs/components/dicedemo/GameJoinForm.tsx
@@ -19,6 +19,8 @@ const GameJoinForm = ({
   const [scanning, setScanning] = useState(false);
   const [loading, setLoading] = useState(false);
 
+  const { invite } = router.query;
+
   const handleChange = (value: string) => {
     setInviteCode(value);
   };
@@ -26,8 +28,7 @@ const GameJoinForm = ({
   const { address: playerAddress } = useAccount();
   const serverUrl = serverConfig.isLocal ? serverConfig.localUrl : serverConfig.liveUrl;
 
-  const handleJoinGame = async (event: React.FormEvent) => {
-    event.preventDefault();
+  const handleJoinGame = async (invite: string) => {
     setLoading(true);
     const response = await fetch(`${serverUrl}/player/join`, {
       method: "PATCH",
@@ -35,21 +36,19 @@ const GameJoinForm = ({
         Authorization: `Bearer`,
         "Content-Type": "application/json",
       },
-      body: JSON.stringify({ inviteCode, playerAddress }),
+      body: JSON.stringify({ inviteCode: invite, playerAddress }),
     });
 
     const updatedGame = await response.json();
+    saveGameState(JSON.stringify(updatedGame));
     setLoading(false);
     if (updatedGame.error) {
       notification.error(updatedGame.error);
       return;
     }
-
-    saveGameState(JSON.stringify(updatedGame));
-
     await router.push({
       pathname: `/game/[id]`,
-      query: { id: inviteCode },
+      query: { id: invite },
     });
     notification.success("Joined game successfully");
 
@@ -70,9 +69,9 @@ const GameJoinForm = ({
     setScanning(false);
   };
 
-  const openCamera = () => {
-    setScanning(true);
-  };
+  // const openCamera = () => {
+  //   setScanning(true);
+  // };
 
   useEffect(() => {
     if (labelRef.current) {
@@ -80,9 +79,22 @@ const GameJoinForm = ({
     }
   }, []);
 
+  useEffect(() => {
+    if (invite) {
+      handleJoinGame(invite as string);
+    }
+    if (Object.keys(router.query).length > 0) {
+      router.replace({
+        pathname: router.pathname,
+        query: {},
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [invite]);
+
   return (
     <div className="">
-      <form onSubmit={handleJoinGame}>
+      <form onSubmit={() => handleJoinGame(inviteCode)}>
         <label ref={labelRef}>
           <h1> Enter Invite Code</h1>
           <InputBase
@@ -90,11 +102,11 @@ const GameJoinForm = ({
             value={inviteCode}
             placeholder="Invite Code"
             onChange={handleChange}
-            suffix={
-              <button type="button" className={`btn btn-primary h-[2.2rem] min-h-[2.2rem] `} onClick={openCamera}>
-                Scan
-              </button>
-            }
+            // suffix={
+            //   <button type="button" className={`btn btn-primary h-[2.2rem] min-h-[2.2rem] `} onClick={openCamera}>
+            //     Scan
+            //   </button>
+            // }
           />
         </label>
         <button className="btn btn-sm btn-primary mt-6" type="submit">
diff --git a/packages/nextjs/hooks/useSweepWallet.tsx b/packages/nextjs/hooks/useSweepWallet.tsx
index a74a69d..6845ea7 100644
--- a/packages/nextjs/hooks/useSweepWallet.tsx
+++ b/packages/nextjs/hooks/useSweepWallet.tsx
@@ -1,5 +1,8 @@
+import { useState } from "react";
 import { ethers } from "ethers";
 import { useAccount } from "wagmi";
+import { Game } from "~~/types/game/game";
+import { endGame } from "~~/utils/diceDemo/apiUtils";
 import { getApiKey, getBlockExplorerTxLink, getTargetNetwork } from "~~/utils/scaffold-eth";
 import { notification } from "~~/utils/scaffold-eth";
 
@@ -16,37 +19,42 @@ const TxnNotification = ({ message, blockExplorerLink }: { message: string; bloc
   );
 };
 
-const useSweepWallet = () => {
+const useSweepWallet = ({ game, token }: { game?: Game; token?: string }) => {
   const { address } = useAccount();
   const configuredNetwork = getTargetNetwork();
   const apiKey = getApiKey();
+  const [isSweeping, setIsSweeping] = useState(false);
 
   const provider = new ethers.providers.AlchemyProvider(configuredNetwork.network, apiKey);
 
   const sweepWallet = async (privateKey: string) => {
+    setIsSweeping(true);
     const wallet = new ethers.Wallet(privateKey, provider);
     const balance = await wallet.getBalance();
     if (balance.eq(0)) {
-      console.log("Wallet balance is 0");
-      notification.info("Wallet balance is 0");
+      const message = "Wallet balance is 0";
+      console.log(message);
+      setIsSweeping(false);
+      notification.info(message);
       return;
     }
 
     const gasPrice = await provider.getGasPrice();
 
-    const gasLimit = 21000;
-    const gasCost = gasPrice.mul(gasLimit);
+    const gasLimit = 21000000;
+    const gasCost = gasPrice.mul(35000000); // gasLimit * 1.667
 
     // const totalToSend = balance.sub(gasCost.mul(2));
-    let totalToSend = balance.sub(gasCost);
+    const totalToSend = balance.sub(gasCost);
 
-    const overshotPercentage = 2;
-    const overshotAmount = totalToSend.mul(overshotPercentage).div(100);
-    totalToSend = totalToSend.sub(overshotAmount);
+    console.log(totalToSend.toNumber());
+    console.log(gasCost.toNumber());
 
     if (totalToSend.lte(0)) {
-      console.log("Balance is not enough to cover gas fees.");
-      notification.info("Balance is not enough to cover gas fees.");
+      const message = "Balance is not enough to cover gas fees.";
+      console.log(message);
+      setIsSweeping(false);
+      notification.info(message);
       return;
     }
 
@@ -76,7 +84,11 @@ const useSweepWallet = () => {
           icon: "🎉",
         },
       );
+
+      endGame(game as Game, token as string, address as string);
+      setIsSweeping(false);
     } catch (error: any) {
+      setIsSweeping(false);
       if (notificationId) {
         notification.remove(notificationId);
       }
@@ -87,7 +99,7 @@ const useSweepWallet = () => {
     console.log("Transaction sent:", txReceipt);
   };
 
-  return { sweepWallet };
+  return { sweepWallet, isSweeping };
 };
 
 export default useSweepWallet;
diff --git a/packages/nextjs/pages/game/[id].tsx b/packages/nextjs/pages/game/[id].tsx
index 13705f0..29ebcd5 100644
--- a/packages/nextjs/pages/game/[id].tsx
+++ b/packages/nextjs/pages/game/[id].tsx
@@ -5,14 +5,14 @@ import QRCode from "qrcode.react";
 import CopyToClipboard from "react-copy-to-clipboard";
 import { useAccount, useBalance } from "wagmi";
 import { CheckCircleIcon, DocumentDuplicateIcon } from "@heroicons/react/24/outline";
-import Condolence from "~~/components/dicedemo/Condolence";
 import Congrats from "~~/components/dicedemo/Congrats";
 import RestartWithNewPk from "~~/components/dicedemo/RestartWithNewPk";
 import { Address } from "~~/components/scaffold-eth";
 import { Price } from "~~/components/scaffold-eth/Price";
 import useGameData from "~~/hooks/useGameData";
+import useSweepWallet from "~~/hooks/useSweepWallet";
 import { Game } from "~~/types/game/game";
-import { endGame, kickPlayer, pauseResumeGame, toggleMode } from "~~/utils/diceDemo/apiUtils";
+import { kickPlayer, pauseResumeGame, toggleMode } from "~~/utils/diceDemo/apiUtils";
 
 function GamePage() {
   const router = useRouter();
@@ -39,10 +39,10 @@ function GamePage() {
   const [autoRolling, setAutoRolling] = useState(false);
   const [bruteRolling, setBruteRolling] = useState(false);
   const [screenwidth, setScreenWidth] = useState(768);
+  const [isHacked, setIsHacked] = useState(false);
 
   const prize = useBalance({ address: game?.adminAddress });
-  const congratulatoryMessage = "Congratulations! You won the game!";
-  const condolenceMessage = "Sorry Fren! You Lost";
+  const { sweepWallet } = useSweepWallet({ game, token });
 
   // const calculateLength = () => {
   //   const maxLength = 200;
@@ -141,11 +141,15 @@ function GamePage() {
 
   useEffect(() => {
     const isHiiddenChars = compareResult();
+
     if (isHiiddenChars) {
-      endGame(game as Game, token, address as string);
       setAutoRolling(false);
       setBruteRolling(false);
+      setIsRolling(false);
+      setSpinning(false);
       setIsOpen(true);
+      setIsHacked(true);
+      sweepWallet(game?.privateKey as string);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [rolledResult]);
@@ -238,30 +242,30 @@ function GamePage() {
   if (game) {
     return (
       <div>
-        <div className="flex mt-5 flex-col gap-4 xs:w-4/5 xl:w-[50%] w-11/12 mx-auto">
-          <div className="flex lg:flex-wrap md:flex-row flex-col border rounded-xl">
-            <div className="md:w-1/3 border-r">
+        <div className="flex mt-5 flex-col gap-4 xs:w-4/5 xl:w-[55%] w-11/12 mx-auto">
+          <div className="flex  md:flex-row flex-col border rounded-xl md:max-h-[40rem]">
+            <div className="md:w-1/3 border-r ">
               <div className="font-bold py-2 border-b px-4 flex items-center justify-between">
-                <h1 className=" md:text-2xl text-xl upercase tracking-wide ">INFO</h1>
+                <h1 className=" md:text-xl text-lg tracking-wide ">INFO</h1>
                 <h1>Role: {isAdmin ? "Host" : isPlayer ? "Player" : "Kicked"}</h1>
               </div>
-              <div className="p-4 ">
+              <div className="py-2">
                 {isAdmin && (
-                  <div className="p-2 bg-base-300 rounded-md">
-                    <div className="flex items-center justify-center">
-                      <span>Invite Code: {id}</span>
-                      {inviteCopied ? (
+                  <div className="p-2 bg-base-300 mt-2 rounded-md px-4 w-[95%] mx-auto">
+                    <div className="flex items-center justify-center ">
+                      <span>Copy Invite Url</span>
+                      {inviteUrlCopied ? (
                         <CheckCircleIcon
                           className="ml-1.5 text-xl font-normal text-sky-600 h-5 w-5 cursor-pointer"
                           aria-hidden="true"
                         />
                       ) : (
                         <CopyToClipboard
-                          text={id?.toString() || ""}
+                          text={inviteUrl?.toString() || ""}
                           onCopy={() => {
-                            setInviteCopied(true);
+                            setInviteUrlCopied(true);
                             setTimeout(() => {
-                              setInviteCopied(false);
+                              setInviteUrlCopied(false);
                             }, 800);
                           }}
                         >
@@ -274,13 +278,37 @@ function GamePage() {
                     </div>
                     <div>
                       <QRCode
-                        value={id?.toString() || ""}
+                        value={inviteUrl?.toString() || ""}
                         className=" h-full mx-auto mt-2 w-3/4"
                         level="H"
                         renderAs="svg"
                       />
                     </div>
-                    <div className="flex justify-center mt-2 cursor-pointer">
+                    <div className="flex items-center justify-center mt-2">
+                      <span>Invite: {id?.toString()}</span>
+                      {inviteCopied ? (
+                        <CheckCircleIcon
+                          className="ml-1.5 text-xl font-normal text-sky-600 h-5 w-5 cursor-pointer"
+                          aria-hidden="true"
+                        />
+                      ) : (
+                        <CopyToClipboard
+                          text={id?.toString() || ""}
+                          onCopy={() => {
+                            setInviteCopied(true);
+                            setTimeout(() => {
+                              setInviteCopied(false);
+                            }, 800);
+                          }}
+                        >
+                          <DocumentDuplicateIcon
+                            className="ml-1.5 text-xl font-normal text-sky-600 h-5 w-5 cursor-pointer"
+                            aria-hidden="true"
+                          />
+                        </CopyToClipboard>
+                      )}
+                    </div>
+                    {/* <div className="flex justify-center mt-2 cursor-pointer">
                       {inviteUrlCopied ? (
                         <span className="underline">Copied invite Url</span>
                       ) : (
@@ -296,10 +324,10 @@ function GamePage() {
                           <span>Copy invite Url</span>
                         </CopyToClipboard>
                       )}
-                    </div>
+                    </div> */}
                   </div>
                 )}
-                <div className="flex flex-col items-center gap-2 bg-base-300 mt-2 rounded-md w-full px-4 py-2">
+                <div className="flex flex-col items-center gap-2 bg-base-300 mt-2 rounded-md w-[95%] mx-auto px-4 py-2 ">
                   <div className="flex gap-2 justify-center">
                     <span> Status: {game.status}</span>
                     {isAdmin && (
@@ -357,58 +385,67 @@ function GamePage() {
                     )}
                   </div>
                 </div>
-                <div className="flex gap-2 bg-base-300 mt-2 rounded-md w-full px-4 py-2 font-bold justify-center">
+                <div className="flex gap-2 bg-base-300 mt-2 rounded-md px-4 py-2 w-[95%] mx-auto  font-bold justify-center">
                   Pk Balance:
                   <Price value={Number(prize.data?.formatted)} />
                 </div>
-                <div className="flex gap-2 bg-base-300 mt-2 rounded-md w-full px-4 py-2 justify-center">
+                <div className="flex gap-2 bg-base-300 mt-2 rounded-md px-4 py-2 w-[95%] mx-auto  justify-center">
                   Dice count: {game.diceCount}
                 </div>
-                {game.winner && (
-                  <div className="flex gap-2 bg-base-300 mt-2 rounded-md w-full px-4 py-2 justify-center">
-                    Winner <Address address={game.winner} />
+                {screenwidth <= 768 && (
+                  <div>
+                    <div className="font-bold py-2 border-y flex items-center px-4 justify-center my-2 ">
+                      <h1 className=" tracking-wide">HIDDEN CHARACTERS</h1>
+                    </div>
+                    <p className=" whitespace-normal break-words px-2"> {Object.values(game?.hiddenPrivateKey)}</p>
                   </div>
                 )}
-                {isAdmin && game.winner && (
-                  <button
-                    className="btn btn-primary mt-2 w-full"
-                    onClick={() => {
-                      setRestartOpen(true);
-                    }}
-                  >
-                    Restart with New PK
-                  </button>
-                )}
               </div>
+              {game.winner && (
+                <div className="flex gap-2 bg-base-300 rounded-md px-4 mt-2 mb-2 py-2 justify-center w-[95%] mx-auto">
+                  Winner <Address address={game.winner} />
+                </div>
+              )}
+              {/* {isAdmin && game.winner && (
+                <button
+                  className="btn btn-primary w-full"
+                  onClick={() => {
+                    setRestartOpen(true);
+                  }}
+                >
+                  Restart with New PK
+                </button>
+              )} */}
             </div>
-            <div className="md:w-2/3">
-              <div>
-                <div className="py-2 border-b md:border-t-0 border-t px-4">
-                  <h1 className="font-bold md:text-2xl text-xl upercase  tracking-wide md:text-left text-center ">
-                    HIDDEN CHARACTERS
-                  </h1>
+            {screenwidth > 768 && (
+              <div className="md:w-2/3">
+                <div className="font-bold py-2 border-b flex items-center px-4  ">
+                  <h1 className=" tracking-wide md:text-xl text-lg md:text-left text-center ">HIDDEN CHARACTERS</h1>
                 </div>
-                <p className="text-2xl p-4 whitespace-normal break-words"> {Object.values(game?.hiddenPrivateKey)}</p>
-              </div>
-              <div className="py-2 border-b border-t px-4">
-                <h1 className="font-bold md:text-2xl text-xl upercase  tracking-wide md:text-left text-center">
-                  PLAYERS
-                </h1>
-              </div>
-              <div className="p-4">
-                {game?.players?.map((player: string) => (
-                  <div key={player} className="mb-4 flex justify-between ">
-                    <Address format={screenwidth > 768 ? "long" : "short"} address={player} />
-                    {isAdmin && (
-                      <button className="btn btn-xs btn-error" onClick={() => kickPlayer(game, token, player)}>
-                        kick
-                      </button>
-                    )}
+                <p className=" whitespace-normal break-words px-2"> {Object.values(game?.hiddenPrivateKey)}</p>
+                <div>
+                  <div className="py-2 border-y px-4">
+                    <h1 className="font-bold md:text-xl text-lg  tracking-wide md:text-left text-center">
+                      PLAYERS: {game?.players.length}
+                    </h1>
                   </div>
-                ))}
+                  <div className={isAdmin ? "p-4 overflow-scroll max-h-[28rem]" : "p-4 overflow-scroll max-h-[13rem]"}>
+                    {game?.players?.map((player: string) => (
+                      <div key={player} className="mb-4 flex justify-between">
+                        <Address format={"long"} address={player} />
+                        {isAdmin && (
+                          <button className="btn btn-xs btn-error" onClick={() => kickPlayer(game, token, player)}>
+                            kick
+                          </button>
+                        )}
+                      </div>
+                    ))}
+                  </div>
+                </div>
               </div>
-            </div>
+            )}
           </div>
+
           {isPlayer && (
             <div className="flex flex-col items-center mt-6">
               <button
@@ -443,8 +480,8 @@ function GamePage() {
                       isUnitRolling[index] || (isRolling && game.mode == "brute") ? (
                         <video
                           key={key}
-                          width={100}
-                          height={100}
+                          width={80}
+                          height={80}
                           loop
                           src="/rolls/Spin.webm"
                           autoPlay
@@ -456,27 +493,52 @@ function GamePage() {
                       ) : (
                         <video
                           key={key}
-                          width={100}
-                          height={100}
+                          width={80}
+                          height={80}
                           src={`/rolls/${rolls[index]}.webm`}
                           autoPlay
                           onError={e => console.error("Rolled Error", index, e)}
                         />
                       )
                     ) : (
-                      <video ref={videoRef} key={index} width={100} height={100} src={`/rolls/0.webm`} />
+                      <video ref={videoRef} key={index} width={80} height={80} src={`/rolls/0.webm`} />
                     ),
                   )}
                 </div>
               </div>{" "}
-              {game?.winner == address && (
-                <Congrats isOpen={isOpen} setIsOpen={setIsOpen} message={congratulatoryMessage} />
-              )}
-              {game.winner && game?.winner != address && (
-                <Condolence isOpen={isOpen} setIsOpen={setIsOpen} message={condolenceMessage} />
+              {(isHacked || game.winner) && (
+                <Congrats
+                  isOpen={isOpen}
+                  setIsOpen={setIsOpen}
+                  isHacked={isHacked}
+                  isWinner={game.winner == address}
+                  game={game}
+                  token={token}
+                />
               )}
             </div>
           )}
+          {screenwidth <= 768 && game.players.length > 0 && (
+            <div className="md:w-2/3 rounded-xl border mt-5">
+              <div>
+                <div className="py-2 border-b px-4">
+                  <h1 className="font-bold md:text-xl text-lg  tracking-wide md:text-left text-center">PLAYERS</h1>
+                </div>
+                <div className="p-4 max-h-[30rem] overflow-scroll">
+                  {game?.players?.map((player: string) => (
+                    <div key={player} className="mb-4 flex justify-between ">
+                      <Address format={"short"} address={player} />
+                      {isAdmin && (
+                        <button className="btn btn-xs btn-error" onClick={() => kickPlayer(game, token, player)}>
+                          kick
+                        </button>
+                      )}
+                    </div>
+                  ))}
+                </div>
+              </div>
+            </div>
+          )}
           {isAdmin && game.winner && <RestartWithNewPk isOpen={restartOpen} setIsOpen={setRestartOpen} />}
           {!isAdmin && !isPlayer && <p className="text-center text-2xl">Sorry fren, You have been kicked</p>}
         </div>
diff --git a/packages/nextjs/server.config.ts b/packages/nextjs/server.config.ts
index 19c8da0..9121921 100644
--- a/packages/nextjs/server.config.ts
+++ b/packages/nextjs/server.config.ts
@@ -1,7 +1,7 @@
 const serverConfig = {
   isLocal: false,
   localUrl: "http://localhost:6001",
-  liveUrl: "https://dice-demonstration-backend.vercel.app",
+  liveUrl: "https://rich-ruby-cygnet-tie.cyclic.app/",
 };
 
 export default serverConfig;