diff --git a/src/layout/pages/Room.tsx b/src/layout/pages/Room.tsx
index 2f530cb..e29262a 100644
--- a/src/layout/pages/Room.tsx
+++ b/src/layout/pages/Room.tsx
@@ -3,8 +3,6 @@ import React from "react";
 import {useNavigate, useParams} from "react-router";
 import {GHButton} from "../components/Button";
 import useTitle from "../../utils/hooks/TitleHook";
-import Hand from "../components/Hand";
-import Deck from "../components/Deck";
 import Game from "../components/Game";
 
 interface GameState {
@@ -69,23 +67,23 @@ const Room = () => {
     const handleCardSend = (card: string) => {
         handleSend({
             Type: "GAME",
-            Payload: {
+            Payload: JSON.stringify({
                 Action: "PLAYCARD",
                 Data: JSON.stringify({
                     CardType: card.split(' ')[0],
                     CardValue: card.split(' ')[1]
                 })
-            }
+            })
         })
     }
 
     const handleDraw = () => {
         handleSend({
             Type: "GAME",
-            Payload: {
+            Payload: JSON.stringify({
                 Action: "DRAW",
                 Data: ""
-            }
+            })
         });
     }