diff --git a/frontend/src/components/EmptyStates.tsx b/frontend/src/components/EmptyStates.tsx
index b37c5271..ea43e60d 100644
--- a/frontend/src/components/EmptyStates.tsx
+++ b/frontend/src/components/EmptyStates.tsx
@@ -189,6 +189,16 @@ export const NoPodcastState = ({ onRefresh }: { onRefresh?: () => void }) => (
   />
 );
 
+export const NoOfflinePodcastState = ({ onBrowse }: { onBrowse?: () => void }) => (
+  <BaseEmptyState
+    iconEmoji="🎙️"
+    title="No Offline Podcasts Yet"
+    description="Download podcasts to listen anytime, even without an internet connection."
+    actionText={onBrowse ? "Browse Podcasts" : undefined}
+    onAction={onBrowse}
+  />
+);
+
 export const NoNotificationState = ({ onRefresh }: { onRefresh?: () => void }) => {
   const isDarkMode = useColorScheme() === 'dark';
   return (
diff --git a/frontend/src/screens/OfflinePodcastList.tsx b/frontend/src/screens/OfflinePodcastList.tsx
index 4e140b35..0d7b112e 100644
--- a/frontend/src/screens/OfflinePodcastList.tsx
+++ b/frontend/src/screens/OfflinePodcastList.tsx
@@ -4,6 +4,7 @@ import {OfflinePodcastListProp, PodcastData} from '../type';
 import {deleteFromDownloads, msToTime, readDownloadedPodcasts} from '../helper/Utils';
 import PodcastCard from '../components/PodcastCard';
 import PodcastEmptyComponent from '../components/PodcastEmptyComponent';
+import {NoOfflinePodcastState} from '../components/EmptyStates';
 import {hp} from '../helper/Metric';
 import {ON_PRIMARY_COLOR} from '../helper/Theme';
 import Snackbar from 'react-native-snackbar';
@@ -113,7 +114,7 @@ export default function OfflinePodcastList({
         data={podcasts}
         keyExtractor={item => item._id.toString()}
         renderItem={renderItem}
-        ListEmptyComponent={<PodcastEmptyComponent />}
+        ListEmptyComponent={<NoOfflinePodcastState onBrowse={() => navigation.navigate('Podcast')} />}
       />
       <CreatePlaylist
         visible={playlistModalOpen}