diff --git a/client/src/components/Layout.jsx b/client/src/components/Layout.jsx
index 9d7cc9a..c160caf 100644
--- a/client/src/components/Layout.jsx
+++ b/client/src/components/Layout.jsx
@@ -63,7 +63,7 @@ const Layout = () => {
               <XMarkIcon className="h-6 w-6 text-white" />
             </button>
           </div>
-          <SidebarContent />
+          <SidebarContent navigation={navigation} />
         </div>
       </div>
 
@@ -71,7 +71,7 @@ const Layout = () => {
       <div className="hidden md:flex md:flex-shrink-0">
         <div className="flex flex-col w-64">
           <div className="flex flex-col flex-grow pt-5 pb-4 overflow-y-auto bg-white border-r border-gray-200">
-            <SidebarContent />
+            <SidebarContent navigation={navigation} />
           </div>
         </div>
       </div>
@@ -153,7 +153,7 @@ const Layout = () => {
   );
 };
 
-const SidebarContent = () => {
+const SidebarContent = ({ navigation }) => {
   const location = useLocation();
 
   return (