diff --git a/app.vue b/app.vue
index 5369f2a..ddc2027 100644
--- a/app.vue
+++ b/app.vue
@@ -1,9 +1,9 @@
 <template>
   <div data-theme="cupcake" class="flex flex-col h-screen">
-    <Navbar />
+    <AppNavbar />
     <main class="flex-grow">
       <NuxtPage />
     </main>
-    <Footer />
+    <AppFooter />
   </div>
 </template>
diff --git a/components/footer.vue b/components/AppFooter.vue
similarity index 100%
rename from components/footer.vue
rename to components/AppFooter.vue
diff --git a/components/navbar.vue b/components/AppNavbar.vue
similarity index 100%
rename from components/navbar.vue
rename to components/AppNavbar.vue
diff --git a/pages/index.vue b/pages/index.vue
index 6807e7a..763c81d 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="hero min-h-screen bg-base-200">
     <div class="hero-content flex-col lg:flex-row-reverse">
-      <img src="/public/chef.svg" class="max-w-sm rounded-lg shadow-2xl" />
+      <img src="/public/chef.svg" class="max-w-sm rounded-lg shadow-2xl" >
       <div>
         <h1 class="text-5xl font-bold prose">Eat Something New</h1>
         <p class="py-6 prose">Generate a random recipe.</p>