diff --git a/src/pages/support/Support.tsx b/src/pages/support/Support.tsx
index 9bbe43b..4c0b5af 100644
--- a/src/pages/support/Support.tsx
+++ b/src/pages/support/Support.tsx
@@ -3,7 +3,7 @@ import { Helmet } from 'react-helmet-async'
 import { useTranslation } from 'react-i18next'
 import SidebarHint from './components/SidebarHint'
 import SupportImage from '../../assets/images/support.png'
-import { CloseCircle, Document, Element3, TickCircle } from 'iconsax-react'
+import { Building, CloseCircle, Component, Crown, TickCircle } from 'iconsax-react'
 import Tabs from '../../components/Tabs'
 import { useGetSupportPlans } from './hooks/useSupportData'
 import { NumberFormat } from '../../config/func'
@@ -42,8 +42,8 @@ const Support: FC = () => {
 
             <div className='xl:hidden mt-5'>
                 <Tabs
-                    items={data?.data?.supportPlans?.map((plan: PlanItemType) => ({
-                        icon: <Element3 color={activeTab === plan.id ? 'black' : '#8C90A3'} size={22} />,
+                    items={data?.data?.supportPlans?.map((plan: PlanItemType, index: number) => ({
+                        icon: index === 0 ? <Component color={activeTab === plan.id ? 'black' : '#8C90A3'} size={22} /> : index === 1 ? <Crown color={activeTab === plan.id ? 'black' : '#8C90A3'} size={22} /> : <Building color={activeTab === plan.id ? 'black' : '#8C90A3'} size={22} />,
                         label: plan.name,
                         value: plan.id
                     }))}
@@ -154,7 +154,7 @@ const Support: FC = () => {
                                                     <div className='flex items-center justify-between p-4 bg-gray-50 rounded-xl'>
                                                         <div className='flex items-center gap-2'>
                                                             <div className='size-8 rounded-2.5 bg-[#EEF0F7] flex items-center justify-center'>
-                                                                <Document size={16} color='#595C67' variant='Bold' />
+                                                                <SupportIcon keySupport={row.featureKey as SupportPlanFeatureKey} />
                                                             </div>
                                                             <div className='text-xs'>{t(`support.${row.featureKey}`)}</div>
                                                         </div>