diff --git a/src/components/HelpModal/HelpModal.tsx b/src/components/HelpModal/HelpModal.tsx
index 620ea15..e289a82 100644
--- a/src/components/HelpModal/HelpModal.tsx
+++ b/src/components/HelpModal/HelpModal.tsx
@@ -2,8 +2,8 @@ import { Divider, Group, Modal, Stack, Text } from '@mantine/core';
 import { useCommonHooks } from 'hooks';
 import { modalClasses } from 'styles';
 
-export function HelpModal({ providerModalOpened, closeProviderModal }: any) {
-	const { theme, providers, setSearchValue, setProviderLabel, setProviderURL } =
+export function HelpModal({ providerModalOpened, closeProviderModal, providerData }: any) {
+	const { theme, setSearchValue, setProviderLabel, setProviderURL } =
 		useCommonHooks();
 
 	return (
@@ -39,7 +39,7 @@ export function HelpModal({ providerModalOpened, closeProviderModal }: any) {
 					<Stack gap={0} w={'100%'} align='center'>
 						<h3 style={{ padding: 0, margin: 0 }}>Search Providers</h3>
 						<Divider py={8} w={'65%'} color={theme.accentColor} />
-						{providers?.map((provider: any) => (
+						{providerData?.map((provider: any) => (
 							<Group key={provider.prefix} gap={0} w={'50%'} justify='space-between'>
 								<Text>{provider.prefix}</Text>
 								<Text>{provider.name}</Text>
diff --git a/src/pages/homepage/components/Search/Search.tsx b/src/pages/homepage/components/Search/Search.tsx
index d8ee148..5722699 100644
--- a/src/pages/homepage/components/Search/Search.tsx
+++ b/src/pages/homepage/components/Search/Search.tsx
@@ -129,6 +129,7 @@ export default function Search({
 			/>
 			<HelpModal
 				providerModalOpened={providerModalOpened}
+				providerData={providerData}
 				closeProviderModal={closeProviderModal}
 			/>
 			<WeatherModal