check lighthous

components/home/FrequentSearches.js

@@ -13,26 +13,25 @@ function FrequentSearches() {
       <div className="overflow-auto hidden-scroll flex justify-start max-w-[620px]">
         <ul className="flex items-center justify-start gap-[14px] pl-[14px]">
           {childrenList.map((item, idx) => (
-            <Link
-              key={item.id || idx}
-              href={{
-                pathname: "/doctors",
-                query: {
-                  specialty: item.name,
-                },
-              }}
-            >
-              <li>
+            <li key={item.id || idx}>
+              <Link
+                href={{
+                  pathname: "/doctors",
+                  query: {
+                    specialty: item.name,
+                  },
+                }}
+              >
                 <Button
                   variant="contained"
                   color="secondary"
-                  className="!py-[6px] md:!py-[7px] lg:!py-[8px] !px-[12px] sm:!px-[14px] md:!px-[15px] lg:!px-[16px] !text-[12px] lg:!text-[14px] 
+                  className="!py-[6px] md:!py-[7px] lg:!py-[8px] !px-[12px] sm:!px-[14px] md:!px-[15px] lg:!px-[16px] !text-[12px] lg:!text-[14px]
                 !rounded-[4px] !shadow-none !font-normal !border !border-solid !border-[#D7D7D7] hover:!bg-[#EFEFEF]"
                 >
                   {item.name}
                 </Button>
-              </li>
-            </Link>
+              </Link>
+            </li>
           ))}
         </ul>
       </div>