diff --git a/archigator/src/app/checkout/checkout.component.ts b/archigator/src/app/checkout/checkout.component.ts
index 795e14c..534cb75 100644
--- a/archigator/src/app/checkout/checkout.component.ts
+++ b/archigator/src/app/checkout/checkout.component.ts
@@ -217,7 +217,9 @@ export class CheckoutComponent implements OnInit {
         if (error.status === 403 || error.status === 422) {
           console.log(`Error with status ${error.status}:`, error.message);
 
-          this.errorMessage = `Error ${error.status}: ${error.message}`;
+          const errDetail = error.error?.detail || 'An error occurred';
+
+          this.errorMessage = `Error ${error.status}: ${errDetail}`;
 
           this.spinLoader = false;
         }