Index: chapterx-frontend/src/pages/browse/GenrePage.tsx
===================================================================
--- chapterx-frontend/src/pages/browse/GenrePage.tsx	(revision b62cefc14094ca5ac7154f7d48797a1e6c444935)
+++ chapterx-frontend/src/pages/browse/GenrePage.tsx	(revision 0b502c2664f4d6c64626f3394b4f1dc540e0aa9b)
@@ -49,5 +49,6 @@
 export const GenresListPage: React.FC = () => {
   const navigate = useNavigate()
-  const { genres } = useStoryStore()
+  const { genres, stories } = useStoryStore()
+  const publishedStories = stories.filter(s => s.status === 'published')
 
   return (
@@ -68,5 +69,5 @@
               <div className="absolute inset-0 flex flex-col items-center justify-center p-4">
                 <p className="font-serif font-semibold text-white text-center">{genre.name}</p>
-                <p className="text-white/60 text-xs mt-1">{genre.story_count} stories</p>
+                <p className="text-white/60 text-xs mt-1">{publishedStories.filter(s => s.genres.some(g => g.toLowerCase() === genre.name.toLowerCase())).length} stories</p>
               </div>
               <div className="absolute inset-0 bg-black/20 group-hover:bg-black/10 transition-colors" />