diff --git a/src/components/MyActiveJobs/ActiveJobs.jsx b/src/components/MyActiveJobs/ActiveJobs.jsx
index 12d270d..8e56cb7 100644
--- a/src/components/MyActiveJobs/ActiveJobs.jsx
+++ b/src/components/MyActiveJobs/ActiveJobs.jsx
@@ -151,9 +151,9 @@ function ActiveJobs(props) {
   return (
     <Layout>
 
-        <div className="py-[20px] bg-white px-4 rounded-2xl shadow-md lg:flex justify-between items-start space-y-4 lg:space-x-4 lg:space-y-0">
+        <div className="py-[20px] bg-white px-4 rounded-2xl shadow-md md:flex justify-between items-start space-y-4 md:space-x-4 md:space-y-0">
             {/* job title */}
-            <div className="w-full lg:w-1/2">
+            <div className="w-full md:w-8/12">
               <div className="w-full flex justify-start space-x-3 items-start">
                 <button
                   type="button"
@@ -194,7 +194,7 @@ function ActiveJobs(props) {
             {/* end of job title */}
 
             {/* job details */}
-            <div className="w-full lg:w-1/2">
+            <div className="w-full md:w-4/12">
               <p className="text-base text-sky-blue">Delivery Detail</p>
               <div className="mt-2">
                   <p className="text-base text-slate-700 dark:text-black">