diff --git a/src/shared_components/NavigationFooter.svelte b/src/shared_components/NavigationFooter.svelte
index 11f0703..69c79fe 100644
--- a/src/shared_components/NavigationFooter.svelte
+++ b/src/shared_components/NavigationFooter.svelte
@@ -1,7 +1,8 @@
 <script>
     import "./NavigationFooter.scss";
     import "../shared_components/ScrollToTop.svelte";
-    import ScrollToTop from "../shared_components/ScrollToTop.svelte";
+    import ScrollToTop from "./ScrollToTop.svelte";
+    import Link from "./Link.svelte";
 </script>
 
 <div class="navigation-footer">
@@ -47,9 +48,17 @@
     <div class="navigation-footer-column-right">
         <div class="navigation-footer-topic-column">
             <div class="navigation-footer-topic">Topic</div>
-            <div class="navigation-footer-link">Data Repository</div>
-            <div class="navigation-footer-link">How to Contribute</div>
-            <div class="navigation-footer-link">Contact Us</div>
+            <Link
+                class="navigation-footer-link"
+                text="Data Repository"
+                hotkey="d"
+            />
+            <Link
+                class="navigation-footer-link"
+                text="How to Contribute"
+                hotkey="h"
+            />
+            <Link class="navigation-footer-link" text="Contact us" hotkey="c" />
         </div>
     </div>
 </div>
diff --git a/src/shared_components/NavigationHeader.svelte b/src/shared_components/NavigationHeader.svelte
index 0bf18fc..7b684b6 100644
--- a/src/shared_components/NavigationHeader.svelte
+++ b/src/shared_components/NavigationHeader.svelte
@@ -4,8 +4,8 @@
     export let button_class;
     export let button_text_class;
 
-    import Button from "../shared_components/Button.svelte";
-    import Link from "../shared_components/Link.svelte";
+    import Button from "./Button.svelte";
+    import Link from "./Link.svelte";
 </script>
 
 <div class={$$props.class}>