diff --git a/src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx b/src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx
index c6829d0..972c048 100644
--- a/src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx
+++ b/src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx
@@ -109,17 +109,16 @@ function PastDueJobAction({jobDetails}) {
                 <td>
                     <div className="flex space-x-2 items-center w-full task_action_panel">
 
-                            <div className="text-xl dark:text-red-700">
+                            <div className="dark:text-red-700">
                                 Time allocated has passed
                             </div>
-                            {/*<div className="flex flex-col flex-[0.9]">  </div>*/}
                     </div>
                 </td>
             </tr>
             <tr>
                 <td>
                     <div className="flex justify-center items-center">
-                        <button type="button" onClick={popUpHandler} className="w-[150px] h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
+                        <button type="button" onClick={popUpHandler} className="w-[180px] h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
                             Cancel or Extend Timeline
                         </button>
                     </div>
diff --git a/src/index.css b/src/index.css
index 273b8f0..67aab4d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -37,6 +37,7 @@
   font-weight: bolder;
   font-size: 14px;
   font-family: Circular, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
+  padding: 0px 10px 5px 10px
 }
 .heroSilderTitle{
   text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;