diff --git a/src/components/Collaboration/Collaboration.jsx b/src/components/Collaboration/Collaboration.jsx
index 5655ecad77..274decb841 100644
--- a/src/components/Collaboration/Collaboration.jsx
+++ b/src/components/Collaboration/Collaboration.jsx
@@ -333,23 +333,33 @@ function Collaboration() {
{/* JOB GRID */}
- {jobAds.map(ad => (
-
- ))}
+ {jobAds.length > 0 ? (
+ jobAds.map(ad => (
+
+ ))
+ ) : (
+
+
No job listings found matching your criteria.
+
Try clearing filters or adjusting your search terms.
+
+
+ )}
{/* PAGINATION */}
diff --git a/src/components/Collaboration/Collaboration.module.css b/src/components/Collaboration/Collaboration.module.css
index 9a39200e38..5f2b068138 100644
--- a/src/components/Collaboration/Collaboration.module.css
+++ b/src/components/Collaboration/Collaboration.module.css
@@ -85,6 +85,33 @@
gap: 8px;
}
+.emptyState {
+ grid-column: 1 / -1;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: 3rem;
+ text-align: center;
+ color: #666;
+ min-height: 250px;
+ border-radius: 12px;
+ background: transparent;
+}
+
+.emptyState.dark {
+ color: #ccc; /* Dark mode text color */
+}
+
+.emptyState p {
+ margin: 0.5rem 0;
+ font-size: 1rem;
+}
+
+.emptyState button {
+ margin-top: 1rem;
+}
+
/* Buttons FIRST to avoid specificity issues */
.dropdownWrapper button {
padding: 8px 12px;