diff --git a/web-ui/src/components/cases/drafts-panel.tsx b/web-ui/src/components/cases/drafts-panel.tsx
index 3237388..a23b73f 100644
--- a/web-ui/src/components/cases/drafts-panel.tsx
+++ b/web-ui/src/components/cases/drafts-panel.tsx
@@ -233,10 +233,12 @@ export function DraftsPanel({
   }
 
   return (
-    <div className="space-y-6">
+    // flex + per-card `order` so the visual order matches mockup 18h
+    // (drafts → final+learning → feedback) without reordering the JSX.
+    <div className="flex flex-col gap-6">
       {/* ── Banner ── */}
       {isDraftReady && (
-        <div className="flex items-center gap-3 rounded-lg border border-gold/40 bg-gold-wash px-4 py-3">
+        <div className="order-1 flex items-center gap-3 rounded-lg border border-gold/40 bg-gold-wash px-4 py-3">
           <FileText className="w-5 h-5 text-gold-deep shrink-0" />
           <span className="text-sm font-medium text-gold-deep">
             {draftLabel}
@@ -260,7 +262,7 @@ export function DraftsPanel({
 
       {/* ── Active-draft badge — the DOCX that is the current source of truth ── */}
       {activeDraft?.filename && (
-        <div className="flex items-center gap-2 text-xs text-ink-muted">
+        <div className="order-2 flex items-center gap-2 text-xs text-ink-muted">
           <span>מקור האמת:</span>
           <Badge variant="outline" className="bg-surface">
             {activeDraft.filename}
@@ -269,7 +271,7 @@ export function DraftsPanel({
       )}
 
       {/* ── Chair's signed final decision — clean upload + staged learning pipeline ── */}
-      <section className="rounded-lg border border-gold/40 bg-gold-wash/40 p-4 space-y-3">
+      <section className="order-4 rounded-lg border border-gold/40 bg-gold-wash/40 p-4 space-y-3">
         <input
           ref={finalFileRef}
           type="file"
@@ -353,7 +355,7 @@ export function DraftsPanel({
       </section>
 
       {/* ── Card: draft files (mockup 18h) ── */}
-      <section className="rounded-lg border border-rule bg-surface p-4">
+      <section className="order-3 rounded-lg border border-rule bg-surface p-4">
         <div className="flex items-center justify-between mb-3">
           <h3 className="text-navy text-base">קבצי טיוטה</h3>
           <div className="flex items-center gap-2">
@@ -522,7 +524,7 @@ export function DraftsPanel({
       </section>
 
       {/* ── Card: chair feedback (mockup 18h) ── */}
-      <section className="rounded-lg border border-rule bg-surface p-4">
+      <section className="order-5 rounded-lg border border-rule bg-surface p-4">
         <div className="flex items-center justify-between mb-3">
           <h3 className="text-navy text-base">
             הערות יו״ר