diff --git a/apps/frontend/src/components/ui/moderation/ProjectIdsFilterModal.vue b/apps/frontend/src/components/ui/moderation/ProjectIdsFilterModal.vue
new file mode 100644
index 0000000000..0c13daae87
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/ProjectIdsFilterModal.vue
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+
diff --git a/apps/frontend/src/pages/moderation/index.vue b/apps/frontend/src/pages/moderation/index.vue
index 2cab2b59e8..cf73cafc0a 100644
--- a/apps/frontend/src/pages/moderation/index.vue
+++ b/apps/frontend/src/pages/moderation/index.vue
@@ -15,24 +15,36 @@
-
-
-
-
- {{ currentFilterType }} ({{ totalProjects }})
-
-
-
+
+
+
+
+
+ {{ currentFilterType }} ({{ totalProjects }})
+
+
+
+
+
+
+
+
@@ -124,6 +141,12 @@
class="flex h-[98px] w-full animate-pulse rounded-2xl bg-surface-3"
>
+