diff --git a/src/components/FolderView.tsx b/src/components/FolderView.tsx
index 15757b86a..5d3039389 100644
--- a/src/components/FolderView.tsx
+++ b/src/components/FolderView.tsx
@@ -36,6 +36,23 @@ export const FolderView = ({
     currentfilter,
   );
 
+  if (filteredCourseContent?.length === 0) {
+    const filterMessages: Record<string, string> = {
+      watched: "You haven't completed any content in this section yet.",
+      watching: "No content currently in progress.",
+      unwatched: "No new content available to watch.",
+      all: "No content available in this section.",
+    };
+  
+    return (
+      <div className="mt-56 flex">
+        <div className="m-auto text-center text-gray-500 text-xl">
+          {filterMessages[currentfilter] || "No content found."}
+        </div>
+      </div>
+    );
+  }
+  
   return (
     <div>
       <div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">