diff --git a/src/components/FamilyAcc/FamilyPendingOffer.jsx b/src/components/FamilyAcc/FamilyPendingOffer.jsx
index 2632493..df878f6 100644
--- a/src/components/FamilyAcc/FamilyPendingOffer.jsx
+++ b/src/components/FamilyAcc/FamilyPendingOffer.jsx
@@ -3,6 +3,7 @@ import Layout from '../Partials/Layout'
 import MyOffersFamilyTable from '../MyTasks/MyOffersFamilyTable'
 import LoadingSpinner from '../Spinners/LoadingSpinner';
 import usersService from '../../services/UsersService';
+import CustomBreadcrumb from '../Breadcrumb/CustomBreadcrumb';
 
 export default function FamilyPendingOffer() {
     const userApi = new usersService();
@@ -37,9 +38,22 @@ export default function FamilyPendingOffer() {
                 className="mb-10" 
             />
             :
-            <div className='w-full h-[30rem] bg-white dark:bg-dark-white flex justify-center items-center rounded-2xl'>
-                <p className='text-black dark:text-white'>No Record Found!</p>
-            </div>
+            <>
+                <div className="mb-6">
+                    <CustomBreadcrumb 
+                    title = {'Ready to Start'}
+                    breadcrumb={
+                        [
+                        { link: "/", title: "Home" },
+                        { link: "/pending", title: "Pending", active: true},
+                        ]
+                    }
+                    />
+                </div>
+                <div className='w-full h-[30rem] bg-white dark:bg-dark-white flex justify-center items-center rounded-2xl'>
+                    <p className='text-black dark:text-white'>No Record Found!</p>
+                </div>
+            </>
             }
         </Layout>
     )