diff --git a/src/app/(main)/m/admin/payments/page.tsx b/src/app/(main)/m/admin/payments/page.tsx
index 378f5d3..d65ff0a 100644
--- a/src/app/(main)/m/admin/payments/page.tsx
+++ b/src/app/(main)/m/admin/payments/page.tsx
@@ -153,12 +153,16 @@ export default function PaymentsPage() {
           const paid = o.STATUS === "PAID" || o.STATUS === "INVOICED";
           return (
             <div key={o.OBJID} className="bg-white border border-slate-200 rounded-xl p-3 shadow-sm">
-              <div className="flex items-center justify-between mb-1.5">
-                <div>
-                  <div className="font-semibold text-sm">{o.ORDER_NO}</div>
-                  <div className="text-[11px] text-slate-500">{o.ORDER_DATE} · {o.COMPANY_NAME}</div>
+              <div className="flex items-start justify-between gap-2 mb-1.5">
+                <div className="min-w-0">
+                  <div className="font-bold text-base truncate">{o.COMPANY_NAME}</div>
+                  <div className="text-[11px] text-slate-500 flex items-center gap-1.5">
+                    <span>{o.ORDER_DATE}</span>
+                    <span className="text-slate-300">·</span>
+                    <span className="font-semibold text-slate-600">{o.ORDER_NO}</span>
+                  </div>
                 </div>
-                <span className={`px-2 py-0.5 rounded text-[10px] font-semibold ${paid ? "bg-emerald-100 text-emerald-700" : "bg-amber-100 text-amber-700"}`}>
+                <span className={`shrink-0 px-2 py-0.5 rounded text-[10px] font-semibold ${paid ? "bg-emerald-100 text-emerald-700" : "bg-amber-100 text-amber-700"}`}>
                   {STATUS_LABEL[o.STATUS]}
                 </span>
               </div>