diff --git a/src/components/Navbar/index.jsx b/src/components/Navbar/index.jsx
index af101e1..f0714cc 100755
--- a/src/components/Navbar/index.jsx
+++ b/src/components/Navbar/index.jsx
@@ -12,7 +12,7 @@ import { FaBars } from "react-icons/fa";
 import { IconContext } from "react-icons/lib";
 import { animateScroll as scroll } from "react-scroll";
 
-export default function NavBar({ toggle }) {
+export default function Navbar({ toggle }) {
     const [scrollNav, setScrollNav] = useState(false);
 
     useEffect(() => {
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index feaafc9..1963853 100755
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -3,7 +3,7 @@ import HeroSection from "@/components/HeroSection";
 import InstructorsSection from "@/components/Instructors";
 import MediaSection from "@/components/Media";
 import MoreSection from "@/components/More";
-import Navbar from "@/components/NavBar";
+import Navbar from "@/components/Navbar";
 import NotebookSection from "@/components/Notebooks";
 import Sidebar from "@/components/Sidebar";
 import { useState } from "react";