diff --git a/src/pages/index.js b/src/pages/index.js
index 755b0ef..8d54e03 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -82,7 +82,7 @@ class IndexPage extends React.Component {
             <div className={projectStyles.projectList}>
               {this.props.data.allProjectsJson.nodes.map((project) => {
                 return (
-                  <div className={projectStyles.projectCard} key={project.lang + "/" + project.urlname}>
+                  <Link className={projectStyles.projectCard} key={project.lang + "/" + project.urlname} to={"/projects/" + project.urlname}>
                     {/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/}
                     <div className={projectStyles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}>
                       <div className={projectStyles.projectCardMeta}>
@@ -91,10 +91,10 @@ class IndexPage extends React.Component {
                       </div>
                     </div>
 
-                    <div className={projectStyles.projectCardCTAContainer}>
+                    {/*<div className={projectStyles.projectCardCTAContainer}>
                       <div className={projectStyles.projectCardCTA}><Link to={"/projects/" + project.urlname}><Trans>projectView</Trans></Link></div>
-                    </div>
-                  </div>
+                    </div>*/}
+                  </Link>
                 );
               })}
             </div>
diff --git a/src/pages/projects.js b/src/pages/projects.js
index 12b73da..c88ce3a 100644
--- a/src/pages/projects.js
+++ b/src/pages/projects.js
@@ -40,7 +40,7 @@ const ProjectsPage = ({ data }) => {
           <div className={styles.projectList}>
             {data.allProjectsJson.nodes.map((project) => {
               return (
-                <div className={styles.projectCard} key={project.lang + project.urlname}>
+                <Link className={styles.projectCard} key={project.lang + project.urlname} to={"/projects/" + project.urlname}>
                   {/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/}
                   <div className={styles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}>
                     <div className={styles.projectCardMeta}>
@@ -49,10 +49,10 @@ const ProjectsPage = ({ data }) => {
                     </div>
                   </div>
 
-                  <div className={styles.projectCardCTAContainer}>
-                    <div className={styles.projectCardCTA}><Link to={"/projects/" + project.urlname}><Trans>projectView</Trans></Link></div>
-                  </div>
-                </div>
+                  {/*<div className={styles.projectCardCTAContainer}>
+                      <div className={styles.projectCardCTA}><Link to={"/projects/" + project.urlname}><Trans>projectView</Trans></Link></div>
+                  </div>*/}
+                </Link>
               );
             })}
           </div>