diff --git a/resources/js/Pages/Dashboard.tsx b/resources/js/Pages/Dashboard.tsx
index 1ef7abe..2c5b66a 100644
--- a/resources/js/Pages/Dashboard.tsx
+++ b/resources/js/Pages/Dashboard.tsx
@@ -80,7 +80,7 @@ export default function Dashboard({ customers }: CustomerProps) {
                     <div className='container is-centered'>
                         {filteredCustomers && filteredCustomers.map(customer => {
                             return <a key={customer.id} className="box customer-box is-flex is-justify-content-space-between" href={`/customer/` + customer.id}>
-                                <p>{customer.name}</p>
+                                <p>{customer.id}. {customer.name}</p>
                                 <span className="icon has-text-black">
                                     <FontAwesomeIcon icon={faArrowRight} />
                                 </span>