ui correction done

src/feature/FilterForm.jsx

@@ -64,7 +64,7 @@ const FilterForm = () => {
   };
 
   return (
-    <div className="max-w-6xl mx-auto p-4 md:p-6 ">
+    <div className="max-w-6xl mx-auto p-4 px-0 md:p-6 ">
       <div className="bg-white rounded-lg shadow-sm">
         {/* Header */}
         <div className="border-b border-pink-200 p-4 bg-[#fff5ed]">
@@ -73,7 +73,7 @@ const FilterForm = () => {
           </Typography>
         </div>
 
-        <div className="p-4 md:p-6">
+        <div className="py-4 md:p-6">
           {/* Basic Details Section */}
           <Accordion
             expanded={expandedSections.basic}

src/feature/FilterModal.jsx

@@ -27,7 +27,7 @@ const FilterModal = () => {
         open={open}
         onClose={handleClose}
         fullWidth
-        maxWidth="md" // adjust: "sm" | "md" | "lg"
+        maxWidth="lg" // adjust: "sm" | "md" | "lg"
       >
         <DialogTitle sx={{background:"#f5fbff"}}>
           <Box display="flex" alignItems="center" justifyContent="space-between">