diff --git a/src/public/css/style.css b/src/public/css/style.css
index f88277e..c1a74a9 100644
--- a/src/public/css/style.css
+++ b/src/public/css/style.css
@@ -431,3 +431,9 @@ body {
 ::-webkit-scrollbar { width: 4px; }
 ::-webkit-scrollbar-track { background: transparent; }
 ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
+
+/* ── Mobile ── */
+@media (max-width: 480px) {
+  .actions { display: grid; grid-template-columns: 1fr 1fr; }
+  .record-btn { width: 53px; height: 53px; font-size: 19px; }
+}
diff --git a/src/public/index.html b/src/public/index.html
index 53ef922..4c787ca 100644
--- a/src/public/index.html
+++ b/src/public/index.html
@@ -76,10 +76,10 @@
     <div class="transcript-box empty" id="transcript-box"></div>
 
     <div class="actions">
-      <button class="btn" id="skip-btn">Überspringen</button>
+      <button class="btn btn-primary" id="check-btn" disabled>Überprüfen</button>
       <button class="btn" id="clear-btn">Löschen</button>
       <button class="btn btn-download" id="download-btn" disabled><span class="dl-arrow">&#11015;</span><span class="dl-label">Audio</span><span class="dl-icon">♪</span></button>
-      <button class="btn btn-primary" id="check-btn" disabled>Überprüfen</button>
+      <button class="btn" id="skip-btn">Überspringen</button>
     </div>
 
     <div class="feedback-box" id="feedback-box">