diff --git a/src/components/Preferences.vue b/src/components/Preferences.vue
index 5a4ae0c5..5765c5b8 100644
--- a/src/components/Preferences.vue
+++ b/src/components/Preferences.vue
@@ -1,5 +1,9 @@
 <template>
-    <h1 class="uk-text-bold uk-text-center">Preferences</h1>
+    <div class="uk-flex uk-flex-between uk-flex-middle">
+        <router-link class="uk-button uk-button-text" to="/"><font-awesome-icon icon="chevron-left" /> &nbsp;Back</router-link>
+        <span><h1 class="uk-text-bold uk-text-center">Preferences</h1></span>
+        <span />
+    </div>
     <hr />
     <h2>SponsorBlock</h2>
     <p>Uses the API from <a href="https://sponsor.ajay.app/">sponsor.ajay.app</a></p>
diff --git a/src/main.js b/src/main.js
index c7333d1a..87e96af0 100644
--- a/src/main.js
+++ b/src/main.js
@@ -9,6 +9,7 @@ import {
     faHeart,
     faHeadphones,
     faRss,
+    faChevronLeft,
 } from "@fortawesome/free-solid-svg-icons";
 import { faGithub, faBitcoin, faYoutube } from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
@@ -24,6 +25,7 @@ library.add(
     faHeadphones,
     faYoutube,
     faRss,
+    faChevronLeft
 );
 
 import("uikit/dist/css/uikit-core.css");