diff --git a/src/app/profile/orders/[id]/page.tsx b/src/app/profile/orders/[id]/page.tsx
index 12142e5..b8d78ee 100644
--- a/src/app/profile/orders/[id]/page.tsx
+++ b/src/app/profile/orders/[id]/page.tsx
@@ -13,6 +13,7 @@ import Select from '@/components/Select'
 import Input from '@/components/Input'
 import withLayout from '@/hoc/withLayout'
 import Image from 'next/image'
+import Menu from '../../components/Menu'
 
 // Mock data
 const mockOrderDetail = {
@@ -134,7 +135,10 @@ const OrderDetail: FC = () => {
 
     return (
         <div className='w-full lg:px-10 px-4 mt-20'>
-            <div className='border p-6 rounded-2xl text-sm'>
+
+            <Menu pageActive='orders' />
+
+            <div className='border p-6 rounded-2xl text-sm mt-7'>
                 <div className='flex gap-2 items-center border-b pb-6'>
                     <button
                         onClick={() => router.push('/profile/orders')}