diff --git a/src/containers/MyGigs/JobListing/JobCard/index.jsx b/src/containers/MyGigs/JobListing/JobCard/index.jsx
index 906f278..84253b7 100644
--- a/src/containers/MyGigs/JobListing/JobCard/index.jsx
+++ b/src/containers/MyGigs/JobListing/JobCard/index.jsx
@@ -55,7 +55,13 @@ const JobCard = ({ job }) => {
       <div styleName="card-body">
         <div styleName="job-card-content">
           <div styleName="content">
-            <h4 styleName="title">{job.title}</h4>
+            <h4 styleName="title">
+              <a
+                href={`${process.env.URL.BASE}/gigs/${job.jobExternalId}`} // eslint-disable-line no-undef
+              >
+                {job.title}
+              </a>
+            </h4>
             <ul styleName="job-items">
               <li>
                 <div styleName="job-item">
diff --git a/src/services/myGigs.js b/src/services/myGigs.js
index 03bbcd8..efda532 100644
--- a/src/services/myGigs.js
+++ b/src/services/myGigs.js
@@ -40,6 +40,7 @@ const mapMyGigsData = (serverResponse) => {
         return {
           label: (gigPhase || "").toUpperCase(),
           title: myGig.title,
+          jobExternalId: myGig.jobExternalId,
           paymentRangeFrom: myGig.payment.min,
           paymentRangeTo: myGig.payment.max,
           paymentRangeRateType: myGig.payment.frequency,