diff --git a/apps/client/src/index.css b/apps/client/src/index.css
index d257b62..e9078f1 100644
--- a/apps/client/src/index.css
+++ b/apps/client/src/index.css
@@ -4,9 +4,9 @@
   line-height: 1.5;
   font-weight: 400;
 
-  color-scheme: light dark;
+  color-scheme: dark;
   color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
+  background-color: #111;
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
@@ -20,6 +20,7 @@
   width: 100%;
   height: 100%;
   margin: 0;
+  background: #111;
   overflow: hidden;
   overscroll-behavior: none;
 }
@@ -62,15 +63,3 @@
   outline: 4px auto -webkit-focus-ring-color;
 }
 
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}
diff --git a/apps/client/src/scenes/result/styles/resultStyles.ts b/apps/client/src/scenes/result/styles/resultStyles.ts
index 1fe0225..5294625 100644
--- a/apps/client/src/scenes/result/styles/resultStyles.ts
+++ b/apps/client/src/scenes/result/styles/resultStyles.ts
@@ -52,13 +52,12 @@
 
 /** リザルト表示時の左右対称操作ボタン行スタイル */
 export const RESULT_RANKING_ACTION_BAR_STYLE: CSSProperties = {
-  width: "100%",
+  width: "auto",
   position: "absolute",
   top: 0,
-  left: 0,
-  right: 0,
+  left: "8px",
+  right: "8px",
   marginBottom: 0,
-  paddingInline: "8px",
 };
 
 /** リザルト画面本文レイヤーのスタイル */