diff --git a/src/assets/images/category-bg.jpg b/src/assets/images/category-bg.jpg
deleted file mode 100644
index 5b06ec2..0000000
Binary files a/src/assets/images/category-bg.jpg and /dev/null differ
diff --git a/src/assets/images/cover-image-2.jpg b/src/assets/images/cover-image-2.jpg
new file mode 100644
index 0000000..7421c26
Binary files /dev/null and b/src/assets/images/cover-image-2.jpg differ
diff --git a/src/assets/images/cover-image.jpg b/src/assets/images/cover-image.jpg
new file mode 100644
index 0000000..f9172fe
Binary files /dev/null and b/src/assets/images/cover-image.jpg differ
diff --git a/src/assets/images/explore_page_header_1.jpg b/src/assets/images/explore_page_header_1.jpg
deleted file mode 100644
index 33c4ed6..0000000
Binary files a/src/assets/images/explore_page_header_1.jpg and /dev/null differ
diff --git a/src/assets/images/explore_page_header_2.jfif b/src/assets/images/explore_page_header_2.jfif
deleted file mode 100644
index c54e9e0..0000000
Binary files a/src/assets/images/explore_page_header_2.jfif and /dev/null differ
diff --git a/src/assets/images/hottest.jfif b/src/assets/images/hottest.jfif
deleted file mode 100644
index 11eab34..0000000
Binary files a/src/assets/images/hottest.jfif and /dev/null differ
diff --git a/src/assets/images/shock-the-web.jpg b/src/assets/images/shock-the-web.jpg
deleted file mode 100644
index 154ba45..0000000
Binary files a/src/assets/images/shock-the-web.jpg and /dev/null differ
diff --git a/src/assets/index.ts b/src/assets/index.ts
index a017beb..cac99dc 100644
--- a/src/assets/index.ts
+++ b/src/assets/index.ts
@@ -1,10 +1,7 @@
-import Images_ExploreHeader1 from './images/explore_page_header_1.jpg'
-import Images_ExploreHeader2 from './images/shock-the-web.jpg'
-import Category_BG from './images/category-bg.jpg'
-import Image_Hottest_Header from './images/hottest.jfif'
+import CoverImage from './images/cover-image.jpg'
 import Logo from './images/logo.png'
 import LogoLight from './images/logo-light.png'
 
-const ASSETS = { Images_ExploreHeader1, Images_ExploreHeader2, Image_Hottest_Header, Logo, LogoLight, Category_BG }
+const ASSETS = { CoverImage, Logo, LogoLight }
 
 export default ASSETS;
\ No newline at end of file
diff --git a/src/features/Projects/pages/ExplorePage/Header/Header.tsx b/src/features/Projects/pages/ExplorePage/Header/Header.tsx
index 0b558ce..60f6b98 100644
--- a/src/features/Projects/pages/ExplorePage/Header/Header.tsx
+++ b/src/features/Projects/pages/ExplorePage/Header/Header.tsx
@@ -1,5 +1,6 @@
 
 import { MdClose } from 'react-icons/md'
+import ASSETS from 'src/assets'
 import Badge from 'src/Components/Badge/Badge'
 import { Category } from 'src/features/Projects/Components/Categories/Categories'
 import { useProjectsFilters } from '../filters-context'
@@ -28,7 +29,7 @@ export default function Header(props: Props) {
 
     return (
         <div className='h-[280px] rounded-20 overflow-hidden relative text-center flex flex-col justify-center items-center gap-8'>
-            <img src="/assets/images/cover.png" alt="" className='absolute inset-0 opacity-20 w-full h-full object-cover z-[-1]' />
+            <img src={ASSETS.CoverImage} alt="" className='absolute inset-0 opacity-100 w-full h-full object-cover object-bottom z-[-1]' />
             {/* <div className='absolute inset-0 w-full h-full bg-gray-300 bg-opacity-50   z-[-1]' /> */}
             {/* <Link
                 to={PAGES_ROUTES.projects.default}
@@ -48,7 +49,7 @@ export default function Header(props: Props) {
                     {!filtersEmpty && <div className=" ">
                         <p className="text-gray-500 font-medium text-body4 mb-8 mt-8 text-center">filtered by</p>
                         <div className="flex gap-8 flex-wrap">
-                            {filters?.categories && filters.categories.length > 0 && <Badge size='sm'>Category: <span className='font-bold text-gray-700'>{filters.categories[0].name}</span> <button onClick={() => removeFilter("categories")} className='ml-4 text-gray-600 hover:scale-125'><MdClose /></button> </Badge>}
+                            {filters?.categories && filters.categories.length > 0 && <Badge size='sm'>{filters.categories[0]?.icon && <i className={`fa-solid fa-${filters.categories[0]?.icon} mr-4 text-gray-700`}></i>} <span className='font-bold text-gray-700'>{filters.categories[0].name}</span> <button onClick={() => removeFilter("categories")} className='ml-4 text-gray-600 hover:scale-125'><MdClose /></button> </Badge>}
                             {filters?.tags && filters.tags.length > 0 && <Badge size='sm'>🏷️ <span className='font-bold text-gray-700'>{filters.tags.map(t => t.label).join(', ')}</span> <button onClick={() => removeFilter("tags")} className='ml-4 text-gray-600 hover:scale-125'><MdClose /></button> </Badge>}
                             {filters?.yearFounded && <Badge size='sm'>📆 Founded in <span className='font-bold text-gray-700'>{filters.yearFounded}</span> <button onClick={() => removeFilter("yearFounded")} className='ml-4 text-gray-600 hover:scale-125'><MdClose /></button> </Badge>}
                             {filters?.projectStatus && <Badge size='sm'>🌱 Status: <span className='font-bold text-gray-700'>{filters?.projectStatus}</span> <button onClick={() => removeFilter("projectStatus")} className='ml-4 text-gray-600 hover:scale-125'><MdClose /></button> </Badge>}