diff --git a/.pnp.cjs b/.pnp.cjs
index c336fd11..ae77bb23 100755
--- a/.pnp.cjs
+++ b/.pnp.cjs
@@ -7620,6 +7620,7 @@ const RAW_RUNTIME_STATE =
           ["typescript", "patch:typescript@npm%3A5.6.3#optional!builtin<compat/typescript>::version=5.6.3&hash=8c6c40"],\
           ["typescript-eslint", "virtual:a315446cd0626d69c81bb371962241fad2e843699b8251d1a49a3231d7821af7bdb2285677102303361c3219ca15ceeabaa438b7b5ead02c2587180fe2eace6b#npm:8.12.2"],\
           ["vite", "virtual:a315446cd0626d69c81bb371962241fad2e843699b8251d1a49a3231d7821af7bdb2285677102303361c3219ca15ceeabaa438b7b5ead02c2587180fe2eace6b#npm:5.4.10"],\
+          ["vite-plugin-remove-console", "npm:2.2.0"],\
           ["vite-plugin-svgr", "virtual:a315446cd0626d69c81bb371962241fad2e843699b8251d1a49a3231d7821af7bdb2285677102303361c3219ca15ceeabaa438b7b5ead02c2587180fe2eace6b#npm:4.3.0"],\
           ["vite-tsconfig-paths", "virtual:a315446cd0626d69c81bb371962241fad2e843699b8251d1a49a3231d7821af7bdb2285677102303361c3219ca15ceeabaa438b7b5ead02c2587180fe2eace6b#npm:5.1.0"],\
           ["zustand", "virtual:a315446cd0626d69c81bb371962241fad2e843699b8251d1a49a3231d7821af7bdb2285677102303361c3219ca15ceeabaa438b7b5ead02c2587180fe2eace6b#npm:5.0.1"]\
@@ -13761,6 +13762,15 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["vite-plugin-remove-console", [\
+      ["npm:2.2.0", {\
+        "packageLocation": "./.yarn/cache/vite-plugin-remove-console-npm-2.2.0-28ddb95349-b97e77f68e.zip/node_modules/vite-plugin-remove-console/",\
+        "packageDependencies": [\
+          ["vite-plugin-remove-console", "npm:2.2.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["vite-plugin-svgr", [\
       ["npm:4.3.0", {\
         "packageLocation": "./.yarn/cache/vite-plugin-svgr-npm-4.3.0-ded8bb690b-a73f10d319.zip/node_modules/vite-plugin-svgr/",\
diff --git a/.yarn/cache/@esbuild-win32-x64-npm-0.21.5-eddc2b5ad6-10c0.zip b/.yarn/cache/@esbuild-darwin-arm64-npm-0.21.5-62349c1520-10c0.zip
similarity index 56%
rename from .yarn/cache/@esbuild-win32-x64-npm-0.21.5-eddc2b5ad6-10c0.zip
rename to .yarn/cache/@esbuild-darwin-arm64-npm-0.21.5-62349c1520-10c0.zip
index f30aacde..a5230f92 100644
Binary files a/.yarn/cache/@esbuild-win32-x64-npm-0.21.5-eddc2b5ad6-10c0.zip and b/.yarn/cache/@esbuild-darwin-arm64-npm-0.21.5-62349c1520-10c0.zip differ
diff --git a/.yarn/cache/@rollup-rollup-darwin-arm64-npm-4.24.3-90e2f8af54-10c0.zip b/.yarn/cache/@rollup-rollup-darwin-arm64-npm-4.24.3-90e2f8af54-10c0.zip
new file mode 100644
index 00000000..cc01d339
Binary files /dev/null and b/.yarn/cache/@rollup-rollup-darwin-arm64-npm-4.24.3-90e2f8af54-10c0.zip differ
diff --git a/.yarn/cache/@rollup-rollup-win32-x64-msvc-npm-4.24.3-7a36666962-10c0.zip b/.yarn/cache/@rollup-rollup-win32-x64-msvc-npm-4.24.3-7a36666962-10c0.zip
deleted file mode 100644
index c6897359..00000000
Binary files a/.yarn/cache/@rollup-rollup-win32-x64-msvc-npm-4.24.3-7a36666962-10c0.zip and /dev/null differ
diff --git a/.yarn/cache/vite-plugin-remove-console-npm-2.2.0-28ddb95349-b97e77f68e.zip b/.yarn/cache/vite-plugin-remove-console-npm-2.2.0-28ddb95349-b97e77f68e.zip
new file mode 100644
index 00000000..88bb3788
Binary files /dev/null and b/.yarn/cache/vite-plugin-remove-console-npm-2.2.0-28ddb95349-b97e77f68e.zip differ
diff --git a/packages/frontend/package.json b/packages/frontend/package.json
index ef9422e9..2c5d0bbc 100644
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@@ -41,6 +41,7 @@
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.11.0",
     "vite": "^5.4.10",
+    "vite-plugin-remove-console": "^2.2.0",
     "vite-plugin-svgr": "^4.3.0",
     "vite-tsconfig-paths": "^5.1.0"
   }
diff --git a/packages/frontend/src/components/gamePage/leftSection/MainDisplay.tsx b/packages/frontend/src/components/gamePage/leftSection/MainDisplay.tsx
index a1818cad..891cb048 100644
--- a/packages/frontend/src/components/gamePage/leftSection/MainDisplay.tsx
+++ b/packages/frontend/src/components/gamePage/leftSection/MainDisplay.tsx
@@ -73,94 +73,101 @@ export default function MainDisplay() {
   };
   return (
     <div
-      className={`relative flex flex-col flex-grow w-full p-4 mt-4 rounded-lg ${
+      className={`relative flex-1 flex flex-col w-full p-4 mt-4 rounded-lg overflow-hidden ${
         gamePhase === GAME_PHASE.ENDING ? 'bg-green-default' : 'bg-green-default/40'
       }`}
     >
-      <WordDisplay
-        gamePhase={gamePhase}
-        currentWord={currentWord}
-        theme={theme}
-        isPinoco={isPinoco}
-      />
+      {gamePhase === GAME_PHASE.SPEAKING && (
+        <div className="absolute inset-0">
+          <VideoStream
+            stream={getCurrentStream() || null}
+            userName={currentSpeaker}
+            isLocal={true}
+            height="h-full"
+          />
+        </div>
+      )}
 
-      <div className="flex-grow">
-        {gamePhase === GAME_PHASE.WAITING && (
-          <div className="flex flex-col items-center justify-center h-full">
-            {isHost ? <StartButton /> : <ReadyButton />}
+      <div className="relative z-10 flex flex-col h-full">
+        <div className="mb-4">
+          <div className="mb-2">
+            <WordDisplay
+              gamePhase={gamePhase}
+              currentWord={currentWord}
+              theme={theme}
+              isPinoco={isPinoco}
+            />
           </div>
-        )}
-
-        {gamePhase === GAME_PHASE.COUNTDOWN && <Countdown onCountdownEnd={handleCountdownEnd} />}
+          {gamePhase === GAME_PHASE.SPEAKING && (
+            <div className="p-2 text-lg rounded-lg w-fit text-white-default bg-slate-950">
+              📢 {currentSpeaker}
+            </div>
+          )}
+        </div>
 
-        {gamePhase === GAME_PHASE.SPEAKING && (
-          <div className="flex flex-col items-center justify-center h-full">
-            <div className="w-4/6 p-4">
-              <VideoStream
-                stream={getCurrentStream() || null}
-                userName={currentSpeaker}
-                isLocal={true}
-                height="h-full"
-              />
+        <div className="flex-1">
+          {gamePhase === GAME_PHASE.WAITING && (
+            <div className="flex flex-col items-center justify-center h-full">
+              {isHost ? <StartButton /> : <ReadyButton />}
             </div>
-            <div className="absolute p-2 text-lg rounded-lg top-16 left-4 text-white-default bg-slate-950">
-              📢 {currentSpeaker}
+          )}
+          {gamePhase === GAME_PHASE.COUNTDOWN && <Countdown onCountdownEnd={handleCountdownEnd} />}
+          {gamePhase === GAME_PHASE.VOTING && (
+            <Voting
+              userId={userId!}
+              allUsers={allUsers}
+              selectedVote={selectedVote}
+              isVoteSubmitted={isVoteSubmitted}
+              setSelectedVote={setSelectedVote}
+              handleVote={handleVote}
+            />
+          )}
+          {gamePhase === GAME_PHASE.VOTING_RESULT && (
+            <VoteResult
+              deadPerson={deadPerson ?? ''}
+              voteResult={voteResult}
+              isDeadPersonPinoco={isDeadPersonPinoco ?? null}
+            />
+          )}
+          {gamePhase === GAME_PHASE.GUESSING && (
+            <div className="flex flex-col items-center justify-center h-full">
+              {isPinoco ? (
+                <GuessInput onSubmitGuess={submitGuess} />
+              ) : (
+                <p className="text-xl text-center text-white-default">
+                  피노코가 제시어를 추측 중입니다 🤔
+                </p>
+              )}
             </div>
-            {currentSpeaker === userId && (
+          )}
+          {gamePhase === GAME_PHASE.ENDING && <EndingResult endingResult={endingResult} />}
+        </div>
+
+        <div className="relative mt-auto">
+          {gamePhase === GAME_PHASE.SPEAKING && currentSpeaker === userId && (
+            <div className="absolute bottom-12 right-4">
               <button
-                className="mt-4 px-6 py-2 bg-green-default text-white-default rounded-lg hover:bg-green-200 hover:text-black self-end ml-auto"
+                className="px-6 py-2 rounded-lg bg-green-default text-white-default hover:bg-green-200 hover:text-black"
                 onClick={endSpeakingEarly}
               >
                 발언 종료
               </button>
-            )}
-          </div>
-        )}
-
-        {gamePhase === GAME_PHASE.VOTING && (
-          <Voting
-            userId={userId!}
-            allUsers={allUsers}
-            selectedVote={selectedVote}
-            isVoteSubmitted={isVoteSubmitted}
-            setSelectedVote={setSelectedVote}
-            handleVote={handleVote}
-          />
-        )}
-
-        {gamePhase === GAME_PHASE.VOTING_RESULT && (
-          <VoteResult
-            deadPerson={deadPerson ?? ''}
-            voteResult={voteResult}
-            isDeadPersonPinoco={isDeadPersonPinoco ?? null}
-          />
-        )}
-        {gamePhase === GAME_PHASE.GUESSING && (
-          <div className="flex flex-col items-center justify-center h-full">
-            {isPinoco ? (
-              <GuessInput onSubmitGuess={submitGuess} />
-            ) : (
-              <p className="text-xl text-center text-white-default">
-                피노코가 제시어를 추측 중입니다 🤔
-              </p>
-            )}
-          </div>
-        )}
-
-        {gamePhase === GAME_PHASE.ENDING && <EndingResult endingResult={endingResult} />}
-      </div>
-
-      {gamePhase === GAME_PHASE.SPEAKING && (
-        <div className="w-full mt-auto">
-          <Timer key={currentSpeaker} initialTime={15} onTimeEnd={() => endSpeaking(userId!)} />
-        </div>
-      )}
+            </div>
+          )}
 
-      {gamePhase === GAME_PHASE.VOTING && (
-        <div className="w-full mt-auto">
-          <Timer key="voting" initialTime={30} onTimeEnd={handleVote} />
+          {(gamePhase === GAME_PHASE.SPEAKING || gamePhase === GAME_PHASE.VOTING) && (
+            <div className="w-full">
+              <Timer
+                key={gamePhase === GAME_PHASE.SPEAKING ? currentSpeaker : 'voting'}
+                initialTime={gamePhase === GAME_PHASE.SPEAKING ? 15 : 30}
+                onTimeEnd={
+                  gamePhase === GAME_PHASE.SPEAKING ? () => endSpeaking(userId!) : handleVote
+                }
+              />
+            </div>
+          )}
         </div>
-      )}
+      </div>
     </div>
   );
 }
diff --git a/packages/frontend/src/components/gamePage/leftSection/WordDisplay.tsx b/packages/frontend/src/components/gamePage/leftSection/WordDisplay.tsx
index c48570ad..6ae662be 100644
--- a/packages/frontend/src/components/gamePage/leftSection/WordDisplay.tsx
+++ b/packages/frontend/src/components/gamePage/leftSection/WordDisplay.tsx
@@ -34,7 +34,7 @@ export default function WordDisplay({
       className={`${
         gamePhase === GAME_PHASE.WORD_REVEAL
           ? 'fixed inset-0 flex items-center justify-center bg-black/50 z-50'
-          : 'absolute left-4 top-4 p-2 bg-black rounded-lg'
+          : 'absolute top-14 p-2 bg-black rounded-lg'
       }`}
     >
       <motion.div
diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts
index 7e1a97e3..c06d018f 100644
--- a/packages/frontend/vite.config.ts
+++ b/packages/frontend/vite.config.ts
@@ -2,6 +2,7 @@ import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import svgrPlugin from 'vite-plugin-svgr';
 import tsconfigPaths from 'vite-tsconfig-paths';
+import removeConsole from 'vite-plugin-remove-console';
 
 export default defineConfig({
   plugins: [react(), tsconfigPaths(), svgrPlugin()],
@@ -24,6 +25,9 @@ export default defineConfig({
             return null;
           },
         },
+        removeConsole({
+          includes: ['log', 'warn', 'error'],
+        }),
       ],
     },
   },
diff --git a/yarn.lock b/yarn.lock
index 0595d038..956771d2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5454,6 +5454,7 @@ __metadata:
     typescript: "npm:^5.6.3"
     typescript-eslint: "npm:^8.11.0"
     vite: "npm:^5.4.10"
+    vite-plugin-remove-console: "npm:^2.2.0"
     vite-plugin-svgr: "npm:^4.3.0"
     vite-tsconfig-paths: "npm:^5.1.0"
     zustand: "npm:^5.0.1"
@@ -10631,6 +10632,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vite-plugin-remove-console@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "vite-plugin-remove-console@npm:2.2.0"
+  checksum: 10c0/b97e77f68e52196bdae468161103217aaa6325bdb88e59dfd18fbe6ed0e4f8e4487708fb091f8780174b104c03c47cf94e7408fbe1d9360256f45bc35ccde0f7
+  languageName: node
+  linkType: hard
+
 "vite-plugin-svgr@npm:^4.3.0":
   version: 4.3.0
   resolution: "vite-plugin-svgr@npm:4.3.0"