diff --git a/apps/web/components/shared/order-card.tsx b/apps/web/components/shared/order-card.tsx
index dce260e..7439acd 100644
--- a/apps/web/components/shared/order-card.tsx
+++ b/apps/web/components/shared/order-card.tsx
@@ -27,7 +27,12 @@ export function OrderCard({
 
   return (
     <Link href={`/orders/${documentId}`} rel="noopener noreferrer">
-      <div className="flex items-center justify-between rounded-2xl bg-background p-4 px-6 dark:bg-primary/5">
+      <div className="relative flex items-center justify-between rounded-2xl bg-background p-4 px-6 dark:bg-primary/5">
+        {order.order_number && (
+          <span className="absolute left-1.5 top-1.5 z-10 flex size-5 items-center justify-center rounded-full border bg-background text-xs font-semibold text-muted-foreground shadow">
+            {order.order_number}
+          </span>
+        )}
         <div className="flex flex-col">
           <div className="flex items-center gap-4">
             {customer && <CustomerAvatar customer={customer} />}
@@ -38,7 +43,6 @@ export function OrderCard({
                 {services}
               </span>
             </div>
-            {/* <span className="text-xs text-foreground">{clientName}</span> */}
           </div>
         </div>
         {order?.state && getBadge(order.state)}