diff --git a/src/Game/ResignButton.jsx b/src/Game/ResignButton.jsx
index 4ebd7da..cc52f4e 100644
--- a/src/Game/ResignButton.jsx
+++ b/src/Game/ResignButton.jsx
@@ -1,10 +1,24 @@
 import React from "react";
-import style from "./ResignButton.module.css";
 import Button from "@mui/material/Button";
 
 const ResignButton = ({ onClick }) => {
   return (
-    <Button variant="contained" color="secondary" onClick={onClick}>
+    <Button
+      variant="contained"
+      color="secondary"
+      onClick={onClick}
+      sx={{
+        left: "1300px",
+        bottom: "190px",
+        width: "386px",
+        height: "190px",
+        fontSize: "80px",
+        backgroundColor: "blue",
+        "&:hover": {
+          backgroundColor: "blue",
+        },
+      }}
+    >
       Resign
     </Button>
   );
diff --git a/src/Game/ResignButton.module.css b/src/Game/ResignButton.module.css
index 89c9969..63f3b62 100644
--- a/src/Game/ResignButton.module.css
+++ b/src/Game/ResignButton.module.css
@@ -12,7 +12,7 @@ body {
     display: inline-block;
     padding: 10px 20px;
     font-size: 16px;
-    margin-left: 500px;
+    margin-left: 100px;
     font-weight: bold;
     text-transform: uppercase;
     border: none;
@@ -21,7 +21,7 @@ body {
   }
   
   .primary {
-    background-color: #007bff;
+    background-color: rgb(238, 14, 14);
     color: #fff;
   }
   
@@ -30,8 +30,7 @@ body {
   }
   
   .secondary {
-    background-color: #6c757d;
-    color: #fff;
+    background-color: #ff000f
   }
   
   .secondary:hover {