diff --git a/src/app/(customer)/(shop)/orders/(routes)/[orderId]/page.tsx b/src/app/(customer)/(shop)/orders/(routes)/[orderId]/page.tsx
index 790f486..fe00623 100644
--- a/src/app/(customer)/(shop)/orders/(routes)/[orderId]/page.tsx
+++ b/src/app/(customer)/(shop)/orders/(routes)/[orderId]/page.tsx
@@ -7,7 +7,9 @@ import React from 'react'
 const OrderDetail = () => {
     return <section className='relative'>
 
-        <h2 className='w-full p-3 px-4 bg-[#223D5D] text-white text-md font-medium'>در حال آماده‌سازی</h2>
+        <h2 className="w-full p-3 px-4 bg-primary-action text-primary-foreground text-md font-medium">
+            در حال آماده‌سازی
+        </h2>
         <OrderStepperStatus currentStep={2} />
         <OrderTimeAddressInfoAlert />
         <OrderItems />