diff --git a/webapp/src/pages/Landing.tsx b/webapp/src/pages/Landing.tsx
index 718ce21f3fcd1e163baae406fe0c740313ecf1f8..415d004b9d07b2751344416e763ea4a33af10075 100644
--- a/webapp/src/pages/Landing.tsx
+++ b/webapp/src/pages/Landing.tsx
@@ -1,4 +1,5 @@
 import React, { ReactElement } from "react";
+import { Link } from "react-router-dom";
 import { Card, Container, Row, Col } from "react-bootstrap";
 import SectionDataLogo from "../images/section_data_large.png";
 import SectionReportsLogo from "../images/section_reports_large.png";
@@ -27,21 +28,25 @@ function Landing(): ReactElement {
                     >
                         <Row className="justify-content-md-center">
                             <Col align={"center"}>
-                                <Card style={{ width: "18rem" }}>
-                                    <Card.Img src={SectionDataLogo}></Card.Img>
-                                    <Card.Body>
-                                        <Card.Title>Compendium Data</Card.Title>
-                                        <Card.Text>
-                                            The results of the Compendium Surveys lled in annually by
-                                            NRENs. Questions cover many topics: Network, Connected
-                                            Users, Services, Standards & Policies
-                                        </Card.Text>
-                                    </Card.Body>
+
+                                <Card border='light' style={{ width: "18rem" }}>
+                                    <Link to="/data">
+                                        <Card.Img src={SectionDataLogo}/>
+                                        <Card.Body>
+                                            <Card.Title>Compendium Data</Card.Title>
+                                            <Card.Text>
+                                                The results of the Compendium Surveys lled in annually by
+                                                NRENs. Questions cover many topics: Network, Connected
+                                                Users, Services, Standards & Policies
+                                            </Card.Text>
+                                        </Card.Body>
+                                    </Link>
                                 </Card>
+
                             </Col>
                             <Col align={"center"}>
-                                <Card style={{ width: "18rem" }}>
-                                    <Card.Img src={SectionReportsLogo}></Card.Img>
+                                <Card border='light' style={{ width: "18rem" }}>
+                                    <Card.Img src={SectionReportsLogo}/>
                                     <Card.Body>
                                         <Card.Title>Compendium Reports</Card.Title>
                                         <Card.Text>
@@ -56,7 +61,7 @@ function Landing(): ReactElement {
                     </Container>
                 </Col>
             </Row>
-        </Container>
+        </Container >
     );
 }