From b079e435a32fad1f11cde8ee2c06c33fbff658fe Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 4 Sep 2025 06:23:12 +0000
Subject: [PATCH] Improve category row numbering display for videos

Update the `CategoryRow` component in `netflix-grid.tsx` to ensure consistent display of video numbering by explicitly casting `index + 1` to a string and applying specific font styles for better visual presentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/gjpMN2A
---
 client/src/components/netflix-grid.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index d5b56b2..2c71bd2 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -417,9 +417,11 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
                 <div className="absolute top-0 left-2 z-20 text-white font-black text-5xl sm:text-6xl md:text-7xl drop-shadow-2xl transition-opacity duration-300"
                      style={{ 
                        textShadow: '4px 4px 8px rgba(0,0,0,0.8), -2px -2px 4px rgba(0,0,0,0.6)',
-                       WebkitTextStroke: '2px rgba(0,0,0,0.8)' 
+                       WebkitTextStroke: '2px rgba(0,0,0,0.8)',
+                       fontFamily: 'Arial, sans-serif',
+                       fontFeatureSettings: 'normal'
                      }}>
-                  {index + 1}
+                  {String(index + 1)}
                 </div>
               )}
               <VideoCard