diff --git a/src/lib/components/navbar.stories.svelte b/src/lib/components/Navbar.stories.svelte
similarity index 89%
rename from src/lib/components/navbar.stories.svelte
rename to src/lib/components/Navbar.stories.svelte
index 02e3345..f8ff29a 100644
--- a/src/lib/components/navbar.stories.svelte
+++ b/src/lib/components/Navbar.stories.svelte
@@ -1,6 +1,6 @@
 <script lang="ts" context="module">
     import type { Meta } from "@storybook/svelte";
-    import Navbar from "$lib/components/navbar.svelte";
+    import Navbar from "$lib/components/Navbar.svelte";
     import { Story, Template } from "@storybook/addon-svelte-csf";
 
     export const meta: Meta<Navbar> = {
diff --git a/src/lib/components/navbar.svelte b/src/lib/components/Navbar.svelte
similarity index 100%
rename from src/lib/components/navbar.svelte
rename to src/lib/components/Navbar.svelte
diff --git a/src/lib/components/featured_repos.svelte b/src/lib/components/ReposFeatured.svelte
similarity index 100%
rename from src/lib/components/featured_repos.svelte
rename to src/lib/components/ReposFeatured.svelte
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 6f6f107..753dfe1 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,6 +1,6 @@
 <script>
   import "../app.css";
-  import Navbar from "$lib/components/navbar.svelte";
+  import Navbar from "$lib/components/Navbar.svelte";
 </script>
 
 <Navbar />
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 1b8799d..4c777cf 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import FeaturedRepos from "$lib/components/featured_repos.svelte";
+  import ReposFeatured from "$lib/components/ReposFeatured.svelte";
 </script>
 
 <div class="flex flex-row">
@@ -13,6 +13,6 @@
     </div>
   </div>
   <div class="hero h-[calc(100vh-4rem)] md:basis-1/2">
-    <FeaturedRepos />
+    <ReposFeatured />
   </div>
 </div>