handle scroll modal in page doctors

components/doctors/modal/FilterModal.js

@@ -17,15 +17,11 @@ function FilterModal({ data, setData, children }) {
       <div onClick={handleOpen}>{children}</div>
 
       {/* Content Modal */}
-      <Modal
+      <Modal open={open} onClose={handleClose} className="w-full">
-        open={open}
-        onClose={handleClose}
-        className=" !overflow-hidden !max-h-[calc(100vh-16px)]"
-      >
         <div
           style={styleDefault}
-          className="!px-[16px] !my-[12px] overflow-auto md:!min-w-[580px] md:!px-[24px] lg:!px-[32px] !py-[24px] !bg-[#FFF] !rounded-[8px] !shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]
+          className="!px-[16px] !overflow-auto md:!min-w-[580px] md:!px-[24px] lg:!px-[32px] !py-[24px] !bg-[#FFF] !rounded-[8px] !shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]
-                    !w-full md:!w-fit !h-full md:!h-fit !flex !flex-col !justify-between"
+                    !w-full md:!w-fit !h-full md:!h-fit !flex !flex-col !justify-between !max-h-screen md:!max-h-[calc(100%_-_32px)]"
         >
           <div>
             <div className="flex justify-between w-full">

components/doctors/modal/Radios.js

@@ -15,6 +15,7 @@ function Radios({ group, value, changeData }) {
       {group.map((item, idx) => (
         <FormControlLabel
           control={<Radio className="!ml-2" />}
+          className="!text-[#525252]"
           label={item}
           value={idx}
           key={idx}

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>