fix filter

src/Layout/Dashboard/PageTitle.tsx

@@ -22,9 +22,10 @@ const PageTitleComponent = () => {
   return (
     <div className='PageTitle'>
         {(Array.isArray(PageTitle) ? PageTitle : [])?.map((item,index)=>{
+            const lastItem = PageTitle?.length - 1 === index
             return (
-                <div key={index} className='PageTitleItems' onClick={()=>handleNavigate(item?.path)}>
-                        {item?.name}  /
+                <div key={index} className={`PageTitleItems ${lastItem ? "PageTitleLastItem" : ""} `} onClick={()=>handleNavigate(item?.path)}>
+                        {item?.name}  {lastItem ? "" : "/"}
                 </div>
             )
         })}

src/Styles/DataTable/FillterNav.scss

@@ -48,16 +48,18 @@
   outline: none;
   border: none;
   min-width: 120px;
-  border-radius: 10px;
-  padding: 10px;
+  border-radius: 6px;
+  padding: 6px 10px;
   font-weight: bold;
   background: var(--primary);
   color: var(--white);
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 5px;
+  gap: 7px;
+  font-size: 14px;
   svg {
     font-size: 16px;
+    
   }
 }

src/Styles/Layout/PageHeader.scss

@@ -24,7 +24,13 @@
 .PageTitle{
   display: flex;
     gap: 10px;
+    margin-block: 10px;
     .PageTitleItems{
       cursor: pointer;
+      color: #6A7287;
     }
+}
+
+.PageTitleLastItem{
+  color: #202C4B !important;
 }