diff --git a/src/components/MyActiveJobs/ActiveJobs.jsx b/src/components/MyActiveJobs/ActiveJobs.jsx
index 1ee51a0..3d0ffae 100644
--- a/src/components/MyActiveJobs/ActiveJobs.jsx
+++ b/src/components/MyActiveJobs/ActiveJobs.jsx
@@ -269,9 +269,9 @@ function ActiveJobs(props) {
 
   return (
     <Layout>
-      <div className="py-[20px] bg-white dark:bg-black dark:text-white px-4 rounded-2xl shadow-md md:flex justify-between items-start gap-16">
+      <div className="py-[20px] bg-white dark:bg-black dark:text-white px-4 rounded-2xl shadow-md md:flex justify-between items-start gap-8">
         {/* job title */}
-        <div className="w-full md:w-8/12">
+        <div className="w-full">
           <div className="w-full flex justify-start space-x-3 items-start">
             <button
               type="button"
@@ -320,7 +320,7 @@ function ActiveJobs(props) {
         {/* end of job title */}
 
         {/* job details */}
-        <div className="w-full md:w-4/12">
+        <div className="min-w-[150px]">
           <p className="text-base text-sky-blue">Delivery Detail</p>
           {passDue ? (
             <div className="my-1">