diff --git a/explorer/public/images/backgroundColor.svg b/explorer/public/images/backgroundColor.svg
index 897107f5..4d929ac9 100644
--- a/explorer/public/images/backgroundColor.svg
+++ b/explorer/public/images/backgroundColor.svg
@@ -1,5 +1,4 @@
 <svg width="2160" height="1872" viewBox="0 0 2160 1872" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="1920" height="1556" transform="translate(120 316)" fill="url(#paint0_linear_1_2)"/>
 <g filter="url(#filter0_f_1_2)">
 <rect x="888" y="210" width="510" height="510" rx="255" fill="#929EEA"/>
 <rect x="1146" y="120" width="510" height="510" rx="255" fill="#91D3A0"/>
diff --git a/explorer/src/components/layout/SectionHeader.tsx b/explorer/src/components/layout/SectionHeader.tsx
index b4c960ca..050fb639 100644
--- a/explorer/src/components/layout/SectionHeader.tsx
+++ b/explorer/src/components/layout/SectionHeader.tsx
@@ -1,6 +1,16 @@
 'use client'
 
-import { CpuChipIcon, GlobeAltIcon, QueueListIcon, TrophyIcon } from '@heroicons/react/24/outline'
+import {
+  CircleStackIcon,
+  CodeBracketIcon,
+  CpuChipIcon,
+  GiftIcon,
+  GlobeAltIcon,
+  IdentificationIcon,
+  LinkIcon,
+  QueueListIcon,
+  TrophyIcon,
+} from '@heroicons/react/24/outline'
 import { WalletButton } from 'components/WalletButton'
 import { WalletSidekick } from 'components/WalletSideKick'
 import { ROUTES, Routes } from 'constants/routes'
@@ -21,16 +31,24 @@ export const SectionHeader: FC = () => {
   const domainIcon = useCallback((domain: (typeof ROUTES)[0], isActive: boolean) => {
     const className = `w-6 h-6 ${isActive ? 'text-white' : 'text-grayDark'} dark:text-white`
     switch (domain.name) {
-      case Routes.nova:
-        return <GlobeAltIcon className={className} />
       case Routes.consensus:
         return <QueueListIcon className={className} />
+      case Routes.farming:
+        return <CpuChipIcon className={className} />
+      case Routes.staking:
+        return <CircleStackIcon className={className} />
       case Routes.leaderboard:
         return <TrophyIcon className={className} />
-      case Routes.staking:
-        return <CpuChipIcon className={className} />
+      case Routes.domains:
+        return <GlobeAltIcon className={className} />
+      case Routes.nova:
+        return <CodeBracketIcon className={className} />
+      case Routes.autoid:
+        return <IdentificationIcon className={className} />
+      case Routes.testnetRewards:
+        return <GiftIcon className={className} />
       default:
-        return null
+        return <LinkIcon className={className} />
     }
   }, [])
 
@@ -68,8 +86,8 @@ export const SectionHeader: FC = () => {
       id='accordion-open'
       data-accordion='open'
     >
-      <div className='container mx-auto flex w-full items-center justify-between px-5 py-3 pb-2 md:px-[25px] 2xl:px-0'>
-        <div className='flex gap-9'>{domainsOptions}</div>
+      <div className='container mx-auto flex w-full items-center justify-between px-5 pb-2 pt-0 md:px-[25px] 2xl:px-0'>
+        <div className='flex gap-9 pt-3'>{domainsOptions}</div>
         <div className='flex gap-4'>
           {!actingAccount ? (
             <WalletButton />