diff --git a/README.md b/README.md
index 2ceeb32e..becec241 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@ By using Piped, you can freely watch and listen to content without the fear of p
 -   [x] Performant by design, designed to handle 1000s of users concurrently
 -   [x] Does not use official YouTube APIs
 -   [x] Uses [NewPipeExtractor](https://github.com/TeamNewPipe/NewPipeExtractor) to extract information
--   [x] Public [JSON API](https://piped-docs.kavin.rocks/docs/api-documentation/)
+-   [x] Public [JSON API](https://docs.piped.video/docs/api-documentation/)
 
 ## Screenshots
 
@@ -61,13 +61,13 @@ By using Piped, you can freely watch and listen to content without the fear of p
 
 ## Self-Hosting
 
-See https://piped-docs.kavin.rocks/docs/self-hosting/ for more details.
+See https://docs.piped.video/docs/self-hosting/ for more details.
 
 The source code of the documentation website is available at https://github.com/TeamPiped/Documentation.
 
 ## Documentation
 
-The documentation can be found at https://piped-docs.kavin.rocks (accessible via IPNS as well).
+The documentation can be found at https://docs.piped.video (accessible via IPNS as well).
 
 ## Extensions
 
diff --git a/src/components/FooterComponent.vue b/src/components/FooterComponent.vue
index 1381c495..32e75500 100644
--- a/src/components/FooterComponent.vue
+++ b/src/components/FooterComponent.vue
@@ -1,55 +1,55 @@
 <template>
-    <footer class="text-center py-4 rounded-xl children:(mx-3) w-full mt-10 mb-5">
-        <a aria-label="GitHub" href="https://github.com/TeamPiped/Piped" target="_blank">
-            <font-awesome-icon :icon="['fab', 'github']" />
-            <span class="ml-2" v-t="'actions.source_code'" />
-        </a>
-        <a href="https://piped-docs.kavin.rocks/" target="_blank">
-            <font-awesome-icon :icon="['fa', 'book']" />
-            <span class="ml-2" v-t="'actions.documentation'" />
-        </a>
-        <a href="https://github.com/TeamPiped/Piped#donations" target="_blank">
-            <font-awesome-icon :icon="['fab', 'bitcoin']" />
-            <span class="ml-2" v-t="'actions.donations'" />
-        </a>
-        <a v-if="statusPageHref" :href="statusPageHref">
-            <font-awesome-icon :icon="['fa', 'server']" />
-            <span class="ml-2" v-t="'actions.status_page'" />
-        </a>
-        <a v-if="donationHref" :href="donationHref">
-            <font-awesome-icon :icon="['fa', 'donate']" />
-            <span class="ml-2" v-t="'actions.instance_donations'" />
-        </a>
-    </footer>
+	<footer class="text-center py-4 rounded-xl children:(mx-3) w-full mt-10 mb-5">
+		<a aria-label="GitHub" href="https://github.com/TeamPiped/Piped" target="_blank">
+			<font-awesome-icon :icon="['fab', 'github']" />
+			<span class="ml-2" v-t="'actions.source_code'" />
+		</a>
+		<a href="https://docs.piped.video/" target="_blank">
+			<font-awesome-icon :icon="['fa', 'book']" />
+			<span class="ml-2" v-t="'actions.documentation'" />
+		</a>
+		<a href="https://github.com/TeamPiped/Piped#donations" target="_blank">
+			<font-awesome-icon :icon="['fab', 'bitcoin']" />
+			<span class="ml-2" v-t="'actions.donations'" />
+		</a>
+		<a v-if="statusPageHref" :href="statusPageHref">
+			<font-awesome-icon :icon="['fa', 'server']" />
+			<span class="ml-2" v-t="'actions.status_page'" />
+		</a>
+		<a v-if="donationHref" :href="donationHref">
+			<font-awesome-icon :icon="['fa', 'donate']" />
+			<span class="ml-2" v-t="'actions.instance_donations'" />
+		</a>
+	</footer>
 </template>
 
 <script>
-export default {
-    data() {
-        return {
-            donationHref: null,
-            statusPageHref: null,
-        };
-    },
-    mounted() {
-        this.fetchConfig();
-    },
-    methods: {
-        async fetchConfig() {
-            this.fetchJson(this.apiUrl() + "/config").then(config => {
-                this.donationHref = config?.donationUrl;
-                this.statusPageHref = config?.statusPageUrl;
-            });
-        },
-    },
-};
+	export default {
+		data() {
+			return {
+				donationHref: null,
+				statusPageHref: null,
+			};
+		},
+		mounted() {
+			this.fetchConfig();
+		},
+		methods: {
+			async fetchConfig() {
+				this.fetchJson(this.apiUrl() + "/config").then((config) => {
+					this.donationHref = config?.donationUrl;
+					this.statusPageHref = config?.statusPageUrl;
+				});
+			},
+		},
+	};
 </script>
 
 <style>
-footer {
-    @apply bg-light-900;
-}
-.dark footer {
-    @apply bg-dark-800;
-}
+	footer {
+	    @apply bg-light-900;
+	}
+	.dark footer {
+	    @apply bg-dark-800;
+	}
 </style>