diff --git a/src/App.vue b/src/App.vue
index 055f27d..63fa01b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,8 +2,8 @@
 import { ref, provide } from "vue";
 import { RouterView } from "vue-router";
 import { isWarnKey, modalResultKey, nsfwKey, showModalKey } from "@/keys";
-import RefHeader from "@/components/RefHeader.vue";
-import RefFooter from "@/components/RefFooter.vue";
+import SiteHeader from "@/components/SiteHeader.vue";
+import SiteFooter from "@/components/SiteFooter.vue";
 import SiteNavigation from "@/components/SiteNavigation.vue";
 import pkg from "../package.json";
 
@@ -40,7 +40,7 @@ provide(showModalKey, showModal);
 </script>
 
 <template>
-  <RefHeader>
+  <SiteHeader>
     <!-- max 500px -->
     <picture>
       <source
@@ -64,17 +64,17 @@ provide(showModalKey, showModal);
     </picture>
 
     <SiteNavigation />
-  </RefHeader>
+  </SiteHeader>
 
   <main>
     <RouterView />
   </main>
 
-  <RefFooter>
+  <SiteFooter>
     <p>v{{ version }} &copy; {{ new Date().getFullYear() }} Sebin Nyshkim</p>
     <p>
       Background Pattern &copy;
       <a href="https://www.svgbackgrounds.com/">SVG Backgrounds</a>
     </p>
-  </RefFooter>
+  </SiteFooter>
 </template>