diff --git a/frontend/src/library/modal.tsx b/frontend/src/library/modal.tsx
index 2579584..677aab3 100644
--- a/frontend/src/library/modal.tsx
+++ b/frontend/src/library/modal.tsx
@@ -42,15 +42,14 @@ const Modal: React.FC<ModalProps> = ({ onClose }) => {
             onClick={closeModal}
             className="fixed inset-0 bg-black bg-opacity-30 backdrop-blur-sm flex items-center justify-center"
         >
-            <div className="bg-[rgb(222,209,209)] p-5 rounded-xl border-4 border-black shadow-md flex flex-col gap-4 w-100 items-center">
+            <div className="bg-[rgb(222,209,209)] p-5 rounded-xl border-4 border-black shadow-md flex flex-col gap-10 w-1/3 h-1/3 items-center justify-center">
                 <h1 className="font-normal font-[Kavoon] text-[30px] leading-[30px] text-black text-center">
                     Join an
-                    <br />
                     Existing Game
                 </h1>
-                <div className="flex justify-center">
+                <div className="flex justify-center w-2/3">
                     <input
-                        className="font-normal font-[Kavoon] text-[20px] py-2 px-6 border-4 border-black rounded-3xl w-64 h-10"
+                        className="font-normal font-[Kavoon] text-[20px] py-2 px-6 border-4 border-black rounded-3xl w-full h-12"
                         placeholder="Enter the game code"
                         style={{
                             backgroundColor: 'rgb(222, 209, 209)',