diff --git a/src/components/OffersInterest/ManageInterestOffer.jsx b/src/components/OffersInterest/ManageInterestOffer.jsx
index 3895b35..e91da39 100644
--- a/src/components/OffersInterest/ManageInterestOffer.jsx
+++ b/src/components/OffersInterest/ManageInterestOffer.jsx
@@ -232,11 +232,11 @@ export default function ManageInterestOffer(props) {
                                     <div className="info-details w-full border-t">
                                         <div className="my-0 md:my-3 block md:flex items-center gap-10">
                                             <div className="my-3 md:my-0 flex items-center gap-1">
-                                                <p className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">Name</p>
+                                                <p className="w-[200px] text-lg font-bold text-black dark:text-white tracking-wide">Name</p>
                                                 <p className="min-w-[100px] text-lg font-normal text-dark-gray dark:text-white tracking-wide">{props.offerDetails?.client_name}</p>
                                             </div>
                                             <div className="my-3 md:my-0 flex items-center gap-1">
-                                                <p className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">Member Since</p>
+                                                <p className="w-[200px] text-lg font-bold text-black dark:text-white tracking-wide">Member Since</p>
                                                 <p className="min-w-[100px] text-lg font-normal text-dark-gray dark:text-white tracking-wide">
                                                     {clientAdded.getFullYear()}{" - "}
                                                     {clientAdded.getMonth() < 9 ? '0'+ (clientAdded.getMonth() + 1) : clientAdded.getMonth() + 1}
@@ -251,7 +251,7 @@ export default function ManageInterestOffer(props) {
                                                 <div className='w-full'>
                                                     <h1 className="text-xl font-extrabold text-black dark:text-white tracking-wide">Previous Job Statistics</h1>
                                                 </div>
-                                                <div className='p-2 flex flex-col md:flex-row gap-4 justify-center items-center max-w-3xl bg-sky-100'>
+                                                <div className='p-2 flex flex-col md:flex-row gap-4 justify-center items-center max-w-xl rounded-2xl bg-sky-100'>
                                                     <div className='contents md:flex flex-col gap-3'>
                                                         <div className='flex items-center gap-4'>  
                                                             <p className="min-w-[150px] text-lg font-bold text-black dark:text-white tracking-wide text-right">Completed:</p>
@@ -390,7 +390,7 @@ export default function ManageInterestOffer(props) {
                             </div>
                             {/* END OF Detail section */}
 
-                            <div className="p-4 w-full min-h-full bg-sky-100 dark:bg-dark-gray col-span-1">
+                            <div className="p-4 w-full min-h-full bg-sky-100 rounded-2xl dark:bg-dark-gray col-span-1">
                                 {/* Wallet balance and reward */}
                                 <div className='mb-4 border-b-2 flex flex-col justify-center items-center gap-4'>
                                     <div className='w-full flex flex-col lg:flex-row justify-center items-center gap-2'>