diff --git a/web/src/pages/Import.jsx b/web/src/pages/Import.jsx
index 6dc31cd..f7d0dae 100644
--- a/web/src/pages/Import.jsx
+++ b/web/src/pages/Import.jsx
@@ -466,6 +466,33 @@ export default function Import() {
         </div>
       </div>
 
+      {uploads.length > 0 && (
+        <div className="card">
+          <div className="card-head">
+            <Icon name="smartphone" size={18} />
+            <h2>{t("import.fromPhone")}</h2>
+          </div>
+          <p className="muted small">{t("import.fromPhoneHint")}</p>
+          {uploads.map((u) => (
+            <div className="mail-source" key={u.id}>
+              <div><strong>{u.filename}</strong></div>
+              <div className="muted small">
+                {accountById[u.account_id]?.name || "—"} · {Math.round(u.size_bytes / 1024)} KB
+                {u.created_at ? ` · ${formatDate(u.created_at.slice(0, 10))}` : ""}
+              </div>
+              <div className="mail-actions">
+                <button className="btn sm primary" onClick={() => uploadUebernehmen(u)}>
+                  <Icon name="download" size={14} /> {t("import.usePhoneFile")}
+                </button>
+                <button className="btn sm danger" onClick={() => uploadVerwerfen(u)}>
+                  <Icon name="trash" size={14} />
+                </button>
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+
       {/* Schritt 1: Konto + Datei */}
       <div className="card">
         <h2>{t("import.step1")}</h2>
@@ -795,33 +822,6 @@ export default function Import() {
         </div>
       )}
 
-      {uploads.length > 0 && (
-        <div className="card">
-          <div className="card-head">
-            <Icon name="smartphone" size={18} />
-            <h2>{t("import.fromPhone")}</h2>
-          </div>
-          <p className="muted small">{t("import.fromPhoneHint")}</p>
-          {uploads.map((u) => (
-            <div className="mail-source" key={u.id}>
-              <div><strong>{u.filename}</strong></div>
-              <div className="muted small">
-                {accountById[u.account_id]?.name || "—"} · {Math.round(u.size_bytes / 1024)} KB
-                {u.created_at ? ` · ${formatDate(u.created_at.slice(0, 10))}` : ""}
-              </div>
-              <div className="mail-actions">
-                <button className="btn sm primary" onClick={() => uploadUebernehmen(u)}>
-                  <Icon name="download" size={14} /> {t("import.usePhoneFile")}
-                </button>
-                <button className="btn sm danger" onClick={() => uploadVerwerfen(u)}>
-                  <Icon name="trash" size={14} />
-                </button>
-              </div>
-            </div>
-          ))}
-        </div>
-      )}
-
       {/* Verlauf */}
       {batches.length > 0 && (
         <div className="card">