handle scroll modal in page doctors

components/home/FrequentSearches.js

@@ -4,7 +4,7 @@ import { Button } from "@mui/material";
 function FrequentSearches() {
   return (
     <div className="flex items-center justify-center gap-[8px] sm:gap-[10px] md:gap-[13px] lg:gap-[16px] w-full lg:w-fit">
-      <p className="text-[#3B3B3B] text-[16px] font-normal text-nowrap">
+      <p className="text-[#3B3B3B] text-[14px] md:text-[16px] font-normal text-nowrap">
         جستجوهای پر تکرار:
       </p>
       <div className="overflow-auto hidden-scroll flex justify-start">
@@ -15,7 +15,7 @@ function FrequentSearches() {
                 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] 
-                                !rounded-[4px] !shadow-none !font-normal !border !border-solid !border-[#D7D7D7] hover:!bg-[#EFEFEF]"
+                  !rounded-[4px] !shadow-none !font-normal !border !border-solid !border-[#D7D7D7] hover:!bg-[#EFEFEF]"
               >
                 {item}
               </Button>