diff --git a/src/components/footer.js b/src/components/footer.js
index 361363e..bfb235a 100644
--- a/src/components/footer.js
+++ b/src/components/footer.js
@@ -27,9 +27,9 @@ export default function Footer() {
             <Icon color="dark" size="lg">
               <Phone />
             </Icon>
-            <Text color="dark" size="lg">
+            <Link color="dark" size="lg" to="tel:+447123456789">
               07123 456789
-            </Text>
+            </Link>
           </IconWithContent>
           <IconWithContent>
             <Icon color="dark" size="lg">
diff --git a/src/pages/contact.js b/src/pages/contact.js
index 0247d7e..fd4fedb 100644
--- a/src/pages/contact.js
+++ b/src/pages/contact.js
@@ -66,9 +66,9 @@ export default function Index({ data }) {
               <Icon color="dark" size="lg">
                 <Phone />
               </Icon>
-              <Text color="dark" size="lg">
+              <Link color="dark" size="lg" to="tel:+447123456789">
                 07123 456789
-              </Text>
+              </Link>
             </IconWithContent>
             <IconWithContent>
               <Icon color="dark" size="lg">