edit styles

src/app/[locale]/pages/refferals/page.tsx

@@ -7,16 +7,17 @@ import CommissionLevels from '@/app/ui/referral-page/commission-levels';
 import InvitationsTable from '@/app/ui/referral-page/invitations-table';
 import IncomeAndPayments from '@/app/ui/referral-page/Income-and-payments';
 import SettingReferralProgram from '@/app/ui/referral-page/setting-referral-program';
+import PageTitleColorFrame from '@/app/ui/page-title-color-frame';
 
 export default function Page() {
 	const t = useTranslations('Global');
 
 	return (
 		<Suspense fallback={<>...</>}>
-			<PageTitle title="refferal-program" />
+			<PageTitleColorFrame title="refferal-program" description="referral-program-description" />
+			<CommissionLevels />
 			<ReferralStats />
 			<ReferralLinkSection />
-			<CommissionLevels />
 			<InvitationsTable />
 			<IncomeAndPayments />
 			<SettingReferralProgram />