Inconsistent Filter Icon in Daily Progress Report section.

src/components/common/FilterIcon.jsx

@@ -99,21 +99,22 @@ const FilterIcon = ({
   };
 
   return (
-    <div className="dropdown">
+    <div className="dropdown" style={{marginLeft:"-14px"}}>
       <a
         className="dropdown-toggle hide-arrow cursor-pointer"
         id="filterDropdown"
         data-bs-toggle="dropdown"
         aria-expanded="false"
       >
+        {/* <i className="bx bx-slider-alt ms-1" /> */}
         <i
-          className="fa-solid fa-filter bx-sm"
+          className="bx bx-slider-alt"
           style={{ color: selectedBuilding || selectedFloors.length > 0 || selectedActivities.length > 0 ? "#7161EF" : "gray" }}
         ></i>
 
       </a>
       <ul
-        className="dropdown-menu p-2"
+        className="dropdown-menu p-2 mt-2"
         aria-labelledby="filterDropdown"
         style={{ minWidth: "360px", fontSize: "13px" }}
         onClick={(e) => e.stopPropagation()}

src/pages/Activities/DailyTask.jsx

@@ -201,7 +201,7 @@ const DailyTask = () => {
         <div className="card card-action mb-6 ">
           <div className="card-body p-1 p-sm-2">
             <div className="row d-flex justify-content-between align-items-center">
-              <div className="col-md-12 d-flex gap-3 align-items-center col-12 text-start mb-2 mb-md-0">
+              <div className="col-md-12 d-flex  align-items-center col-12 text-start mb-2 mb-md-0">
                 <DateRangePicker
                   onRangeChange={setDateRange}
                   endDateMode="today"