diff --git a/apps/client/src/scenes/lobby/styles/LobbyScene.styles.ts b/apps/client/src/scenes/lobby/styles/LobbyScene.styles.ts
index 8763dc3..b93d465 100644
--- a/apps/client/src/scenes/lobby/styles/LobbyScene.styles.ts
+++ b/apps/client/src/scenes/lobby/styles/LobbyScene.styles.ts
@@ -78,7 +78,7 @@
   maxWidth: "350px",
   display: "flex",
   flexDirection: "column",
-  gap: "12px",
+  gap: "clamp(6px, 1.5dvh, 12px)",
 };
 
 /** セレクトラベルのスタイル */
@@ -103,7 +103,7 @@
 /** ゲームスタートボタンのスタイル */
 export const LOBBY_START_BUTTON_STYLE: CSSProperties = {
   width: "100%",
-  padding: "20px",
+  padding: "clamp(10px, 2.5dvh, 20px)",
   fontSize: "clamp(1.2rem, 3vw, 1.8rem)",
   cursor: "pointer",
   backgroundColor: "#4ade80",
diff --git a/apps/client/src/scenes/result/styles/resultStyles.ts b/apps/client/src/scenes/result/styles/resultStyles.ts
index f584eb2..f839f9a 100644
--- a/apps/client/src/scenes/result/styles/resultStyles.ts
+++ b/apps/client/src/scenes/result/styles/resultStyles.ts
@@ -24,8 +24,8 @@
   flexDirection: "column",
   alignItems: "center",
   paddingTop: "clamp(12px, 3.5vw, 24px)",
-  paddingLeft: "clamp(12px, 3.5vw, 24px)",
-  paddingRight: "clamp(12px, 3.5vw, 24px)",
+  paddingLeft: "calc(clamp(12px, 3.5vw, 24px) + env(safe-area-inset-left))",
+  paddingRight: "calc(clamp(12px, 3.5vw, 24px) + env(safe-area-inset-right))",
   paddingBottom: "calc(clamp(12px, 3.5vw, 24px) + env(safe-area-inset-bottom))",
   boxSizing: "border-box",
   overscrollBehaviorX: "none",