diff --git a/src/userComponents/Sidebar.tsx b/src/userComponents/Sidebar.tsx
index 7ec467f..030e6b4 100644
--- a/src/userComponents/Sidebar.tsx
+++ b/src/userComponents/Sidebar.tsx
@@ -34,21 +34,21 @@ const Sidebar = () => {
       <VStack justifyContent="flex-start" align="stretch" spacing={4}>
         {sidebarItems.map((item) => (
           <Box key={item.value}>
-            <Flex
-              boxShadow=" 0px 4px 20px 0px #00000014"
-              align="center"
-              justify="space-between"
-              p={3}
-              bg={activeSection === item.value ? "#02A0A0" : "transparent"}
-              borderRadius="md"
-              cursor="pointer"
-              onClick={() => toggleSection(item.value)}
-              w="254px"
+            <Link
+              as={RouterLink}
+              to={item.route}
+              color={activeSection === item.value ? "#FFFFFF" : "#000000"}
             >
-              <Link
-                as={RouterLink}
-                to={item.route}
-                color={activeSection === item.value ? "#FFFFFF" : "#000000"}
+              <Flex
+                boxShadow=" 0px 4px 20px 0px #00000014"
+                align="center"
+                justify="space-between"
+                p={3}
+                bg={activeSection === item.value ? "#02A0A0" : "transparent"}
+                borderRadius="md"
+                cursor="pointer"
+                onClick={() => toggleSection(item.value)}
+                w="254px"
               >
                 <Flex
                   justifyContent="space-between"
@@ -66,17 +66,17 @@ const Sidebar = () => {
                     {item.title}
                   </Text>
                 </Flex>
-              </Link>
-              {item.links && (
-                <Box ml="auto">
-                  {activeSection === item.value ? (
-                    <FaChevronUp color="#FFFFFF" />
-                  ) : (
-                    <FaChevronDown color="#000000" />
-                  )}
-                </Box>
-              )}
-            </Flex>
+                {item.links && (
+                  <Box ml="auto">
+                    {activeSection === item.value ? (
+                      <FaChevronUp color="#FFFFFF" />
+                    ) : (
+                      <FaChevronDown color="#000000" />
+                    )}
+                  </Box>
+                )}
+              </Flex>
+            </Link>
             {/* Sub-links */}
             {item.links && activeSection === item.value && (
               <VStack align="start" pl={8} spacing={2} mt={2}>