diff --git a/src/components/Homepage/Founders/Founders.js b/src/components/Homepage/Founders/Founders.js
index 8c58e7f..6a088b9 100644
--- a/src/components/Homepage/Founders/Founders.js
+++ b/src/components/Homepage/Founders/Founders.js
@@ -1,4 +1,5 @@
 import React from "react";
+import { Link } from 'react-router-dom';
 import "./Founders.css";
 import Founder from "./Founder/Founder";
 
@@ -38,7 +39,9 @@ const Founders = () => {
         out to find a solution, which led us to Groundworks. Our way to
         revolutionise how companies connect with students worldwide.
       </p>
+      <Link to='./Join'>
       <button className="FoundersComponent--joinbutton">Join</button>
+      </Link>
     </div>
   );
 };
diff --git a/src/components/Homepage/Header/Header.js b/src/components/Homepage/Header/Header.js
index 3f39738..2ebafeb 100644
--- a/src/components/Homepage/Header/Header.js
+++ b/src/components/Homepage/Header/Header.js
@@ -1,4 +1,5 @@
 import React from "react";
+import { Link } from "react-router-dom";
 import "./Header.css";
 import HeaderJoinButton from "../../Button/HeaderJoinButton";
 import "../../Button/HeaderJoinButton.css";
@@ -12,14 +13,18 @@ const Header = () => {
           Gain practical work experience, explore
           <br /> career paths and generate income.
         </p>
+        <Link to='./Join'>
         <HeaderJoinButton />
+        </Link>
       </div>
       <div className="headerComponent--employer">
         <h2 className="headerComponent--headerEmployers">Employers</h2>
         <p className="headerComponent--employerParagraph ">
           Hire better and smarter. Connect directly with reviewed candidates.
         </p>
+        <Link to='./Join'>
         <HeaderJoinButton />
+        </Link>
       </div>
     </div>
   );
diff --git a/src/components/StudentDashboard/NewJobCard/NewJobCard.css b/src/components/StudentDashboard/NewJobCard/NewJobCard.css
index 1df2e40..93af6ef 100644
--- a/src/components/StudentDashboard/NewJobCard/NewJobCard.css
+++ b/src/components/StudentDashboard/NewJobCard/NewJobCard.css
@@ -5,7 +5,7 @@
 }
 
 .StudentNewJobCard--projectname {
-  border-bottom: 2px solid black;
+  border-bottom: 2px solid lightgrey;
   padding: 1rem;
 }
 
@@ -26,9 +26,9 @@
 .StudentNewJobCard--container {
   width: 600px;
   height: auto;
-  border: 2px solid black;
+  border: 2px solid lightgrey;
   margin: 1rem;
-  box-shadow: 2px 2px 10px grey;
+  box-shadow: 2px 2px 10px lightgrey;
 }
 
 .StudentNewJobCard--contactcontainer {
@@ -37,7 +37,7 @@
 }
 
 .StudentNewJobCard--downloadbrief {
-  border-top: 2px solid black;
+  border-top: 2px solid lightgrey;
   text-align: right;
   padding: 1rem;
 }