diff --git a/app/app.vue b/app/app.vue
index 9f3f1cd..6823ad1 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -33,6 +33,6 @@ useSeoMeta({
 
     <USeparator icon="i-simple-icons-nuxtdotjs" />
 
-    <Footer />
+    <MainFooter />
   </UApp>
-</template>
\ No newline at end of file
+</template>
diff --git a/app/components/AppLogo.vue b/app/components/AppLogo.vue
index 75de4c7..d2e37af 100644
--- a/app/components/AppLogo.vue
+++ b/app/components/AppLogo.vue
@@ -1,13 +1,13 @@
 <template>
-  <img 
-    src="/spbr-coloured.png" 
-    alt="Spacebar Logo" 
+  <img
+    src="/spbr-coloured.png"
+    alt="Spacebar Logo"
     class="h-10 w-auto object-contain"
-  />
+  >
 </template>
 
 <style scoped>
 img {
-  height: 40px; 
+  height: 40px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/app/components/Footer.vue b/app/components/MainFooter.vue
similarity index 72%
rename from app/components/Footer.vue
rename to app/components/MainFooter.vue
index 28bd87f..6253bd7 100644
--- a/app/components/Footer.vue
+++ b/app/components/MainFooter.vue
@@ -13,7 +13,10 @@ const footerLinks = [{
 <template>
   <UFooter>
     <template #top>
-      <UFooterColumns :links="footerLinks" class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-12">
+      <UFooterColumns
+        :links="footerLinks"
+        class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-12"
+      >
         <template #left>
           <div class="flex flex-col gap-4">
             <div class="flex items-center gap-3">
@@ -26,7 +29,7 @@ const footerLinks = [{
               <p>Copyright 2026</p>
               <p>Site maintained by Spacebar Network</p>
               <p>Developed by our contributors</p>
-              
+
               <p class="mt-4 max-w-[320px] leading-snug text-gray-500">
                 Spacebar Network (SPBR) is an extension of Splatfestival Network (SPFN), which aims to be a Nintendo Network recreation primarily for hosting Splatfests. Spacebar is separate from this purpose, though we remain partnered with Splatfestival.
               </p>
@@ -44,29 +47,29 @@ const footerLinks = [{
 
     <template #right>
       <div class="flex gap-2">
-        <UButton 
-          icon="i-simple-icons-patreon" 
-          color="neutral" 
-          variant="ghost" 
-          to="https://www.patreon.com/splatfestival" 
+        <UButton
+          icon="i-simple-icons-patreon"
+          color="neutral"
+          variant="ghost"
+          to="https://www.patreon.com/splatfestival"
           target="_blank"
-          aria-label="Patreon" 
+          aria-label="Patreon"
         />
-        <UButton 
-          icon="i-simple-icons-discord" 
-          color="neutral" 
-          variant="ghost" 
-          to="https://discord.gg/grMSxZf" 
+        <UButton
+          icon="i-simple-icons-discord"
+          color="neutral"
+          variant="ghost"
+          to="https://discord.gg/grMSxZf"
           target="_blank"
-          aria-label="Discord" 
+          aria-label="Discord"
         />
-        <UButton 
-          icon="i-simple-icons-gitea" 
-          color="neutral" 
-          variant="ghost" 
-          to="https://git.spbr.net/spacebar" 
+        <UButton
+          icon="i-simple-icons-gitea"
+          color="neutral"
+          variant="ghost"
+          to="https://git.spbr.net/spacebar"
           target="_blank"
-          aria-label="Forgejo" 
+          aria-label="Forgejo"
         />
       </div>
     </template>
@@ -79,4 +82,4 @@ const footerLinks = [{
   font-weight: 400;
   font-style: normal;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index de90fc0..859c119 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
     <TheHeader />
-    <slot /> <Footer />
+    <slot /> <MainFooter />
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 3a1b365..d11ba73 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -4,6 +4,10 @@ export default defineNuxtConfig({
     '@nuxt/eslint',
     '@nuxt/ui'
   ],
+
+  devtools: {
+    enabled: true
+  },
   app: {
     head: {
       link: [
@@ -24,10 +28,6 @@ export default defineNuxtConfig({
     }
   },
 
-  devtools: {
-    enabled: true
-  },
-
   css: ['~/assets/css/main.css'],
 
   colorMode: {
@@ -51,4 +51,4 @@ export default defineNuxtConfig({
       }
     }
   }
-})
\ No newline at end of file
+})