done with layout, needs an api

src/components/MyJobs/index.jsx

@@ -18,7 +18,7 @@ export default function MyJobs(props) {
           {/* heading */}
           <div className="sm:flex justify-between items-center mb-6">
             <div className="mb-5 sm:mb-0">
-              <h1 className="text-26 font-bold flex items-center space-x-1  text-dark-gray dark:text-white">
+              <h1 className="text-26 font-bold flex items-center space-x-1  text-dark-gray dark:text-white gap-2">
                 <span
                   className={`${selectTab === "today" ? "block" : "hidden"}`}
                 >
@@ -27,7 +27,7 @@ export default function MyJobs(props) {
 
                 <Link
                   to="/add-job"
-                  className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
+                  className="text-white btn-gradient text-lg tracking-wide px-5 py-2 rounded-full"
                 >
                   Add Job
                 </Link>