diff --git a/app/panel/reports/page.tsx b/app/panel/reports/page.tsx
index 6901f3f..4c03ee8 100644
--- a/app/panel/reports/page.tsx
+++ b/app/panel/reports/page.tsx
@@ -2,6 +2,7 @@ import { ReportCard } from "@/components/cards/ReportCard";
 import { CardLink } from "@/components/common/CardLink";
 import { Input } from "@/components/ui/input";
 import { fetchOpenReports } from "@/lib/db";
+import { PizzaIcon } from "lucide-react";
 
 export default async function Reports() {
   const reports = (await fetchOpenReports())
@@ -11,11 +12,21 @@ export default async function Reports() {
   return (
     <div className="flex flex-col gap-2">
       <Input placeholder="Search for reports..." disabled />
-      {reports.map((report) => (
-        <CardLink key={report._id} href={`/panel/reports/${report._id}`}>
-          <ReportCard report={report} />
-        </CardLink>
-      ))}
+      {reports.length
+        ? reports.map((report) => (
+          <CardLink key={report._id} href={`/panel/reports/${report._id}`}>
+            <ReportCard report={report} />
+          </CardLink>
+        ))
+        : (<>
+        <h2 className="mt-8 flex justify-center">
+          <PizzaIcon className="text-gray-400" />
+        </h2>
+        <h3 className="text-xs text-center pb-2 text-gray-400">
+          You&lsquo;ve caught up for now.
+        </h3>
+      </>)
+      }
     </div>
   );
 }