diff --git a/apps/client/src/scenes/lobby/LobbyScene.tsx b/apps/client/src/scenes/lobby/LobbyScene.tsx
index 293b469..af8cc78 100644
--- a/apps/client/src/scenes/lobby/LobbyScene.tsx
+++ b/apps/client/src/scenes/lobby/LobbyScene.tsx
@@ -114,7 +114,8 @@
           backgroundImage: "url('/LobbyAni2.webp')", // ここで画像を読み込み
           backgroundSize: "cover",
           backgroundPosition: "center",
-          zIndex: -1, // UIの一番後ろに配置
+          zIndex: 0, // UIの背面レイヤーとして表示する
+          pointerEvents: "none",
           filter: "brightness(0.4)", // UIの文字を見やすくするために画像を少し暗くする
         }}
       />
@@ -136,6 +137,7 @@
           display: "flex",
           flexDirection: "column",
           alignItems: "center",
+          zIndex: 1,
         }}
       >
         <h2
diff --git a/apps/client/src/scenes/title/TitleScene.tsx b/apps/client/src/scenes/title/TitleScene.tsx
index 53f2cce..a4f1e1e 100644
--- a/apps/client/src/scenes/title/TitleScene.tsx
+++ b/apps/client/src/scenes/title/TitleScene.tsx
@@ -125,7 +125,10 @@
                   padding: "12px",
                   fontSize: "clamp(1rem, 3vw, 1.2rem)",
                   borderRadius: "5px",
-                  border: "none",
+                  border: "1px solid rgba(0, 0, 0, 0.28)",
+                  backgroundColor: "rgba(255, 255, 255, 0.96)",
+                  color: "#111",
+                  caretColor: "#111",
                   width: "100%",
                   fontFamily: "monospace",
                 }}
@@ -138,7 +141,10 @@
                   padding: "12px",
                   fontSize: "clamp(1rem, 3vw, 1.2rem)",
                   borderRadius: "5px",
-                  border: "none",
+                  border: "1px solid rgba(0, 0, 0, 0.28)",
+                  backgroundColor: "rgba(255, 255, 255, 0.96)",
+                  color: "#111",
+                  caretColor: "#111",
                   width: "100%",
                   fontFamily: "monospace",
                 }}