diff --git a/client/src/components/Navbar.jsx b/client/src/components/Navbar.jsx
index a9c7c5a..843c56d 100644
--- a/client/src/components/Navbar.jsx
+++ b/client/src/components/Navbar.jsx
@@ -4,8 +4,8 @@ import { AiOutlineClose } from "react-icons/ai";
 
 import logo from "../../images/logo.png";
 
-const NavBarItem = ({ title, classprops }) => (
-  <li className={`mx-4 cursor-pointer ${classprops}`}>{title}</li>
+const NavBarItem = ({ title, classProps }) => (
+  <li className={`mx-4 cursor-pointer ${classProps}`}>{title}</li>
 );
 
 const Navbar = () => {
@@ -38,7 +38,7 @@ const Navbar = () => {
           >
             <li className="text-xl w-full my-2"><AiOutlineClose onClick={() => setToggleMenu(false)} /></li>
             {["Market", "Exchange", "Tutorials", "Wallets"].map(
-              (item, index) => <NavBarItem key={item + index} title={item} classprops="my-2 text-lg" />,
+              (item, index) => <NavBarItem key={item + index} title={item} classProps="my-2 text-lg" />,
             )}
           </ul>
         )}