diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 45a2d0c..3757617 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -75,8 +75,15 @@ export default function VideoPage() {
     .filter(video => {
       if (!sidebarSearchQuery || sidebarSearchQuery.length < 2) return true;
       const searchLower = sidebarSearchQuery.toLowerCase();
-      return video.title.toLowerCase().includes(searchLower) ||
-             video.description?.toLowerCase().includes(searchLower);
+      const titleMatch = video.title?.toLowerCase().includes(searchLower);
+      const descMatch = video.description?.toLowerCase().includes(searchLower);
+      
+      // Debug logging
+      if (sidebarSearchQuery.length >= 2) {
+        console.log(`Search "${sidebarSearchQuery}": Video "${video.title}" - Title match: ${titleMatch}, Desc match: ${descMatch}`);
+      }
+      
+      return titleMatch || descMatch;
     });
   
 
@@ -362,9 +369,18 @@ export default function VideoPage() {
                   <Search className="w-12 h-12 mx-auto mb-2 opacity-50" />
                   <p>No videos found for "{sidebarSearchQuery}"</p>
                   <p className="text-xs mt-1">Try different keywords</p>
+                  <p className="text-xs mt-1 opacity-75">
+                    Searched {(recommendedResponse?.videos || []).length} videos
+                  </p>
                 </div>
-              ) : (
-                filteredRecommendedVideos.slice(0, 10).map((video) => (
+              ) : sidebarSearchQuery.length >= 2 ? (
+                <div className="mb-2 text-xs text-bunny-muted">
+                  Found {filteredRecommendedVideos.length} videos
+                </div>
+              ) : null}
+              
+              {filteredRecommendedVideos.slice(0, 10).map((video) => (
+
                 <div
                   key={video.id}
                   onClick={() => window.location.href = `/video/${video.id}`}
@@ -410,8 +426,7 @@ export default function VideoPage() {
                     </div>
                   </div>
                 </div>
-                ))
-              )}
+              ))}
             </div>
           </div>
         </div>