diff --git a/src/components/FooterComponent.vue b/src/components/FooterComponent.vue
index 32e75500..5b6d87e5 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://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>
+    <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>