diff --git a/public/site/plugins/notifications/routes/read.php b/public/site/plugins/notifications/routes/read.php
index 430c0dd..1984647 100644
--- a/public/site/plugins/notifications/routes/read.php
+++ b/public/site/plugins/notifications/routes/read.php
@@ -8,7 +8,8 @@ return [
       $data = json_decode($json);
 
       try {
-        $project = page($data->projectId);
+        $project = page("projects")->findPageOrDraft($data->projectId);
+        
         $project->readNotification($data->notificationId);
         return json_encode([
           "status" => "success"
diff --git a/src/components/notifications/ProjectRequest.vue b/src/components/notifications/ProjectRequest.vue
index 93bb3aa..d11d985 100644
--- a/src/components/notifications/ProjectRequest.vue
+++ b/src/components/notifications/ProjectRequest.vue
@@ -1,5 +1,6 @@
 <template>
   <article
+    @click="read()"
     v-if="useUserStore.role !== 'client'"
     class="notification | bg-white rounded-lg | p-16 | flow"
     data-type="project-request"
@@ -39,8 +40,17 @@
 <script setup>
 import { useNotificationsStore } from "../../stores/notifications";
 import { useUserStore } from "../../stores/user";
+import { useApiStore } from "../../stores/api";
 
 const { notification } = defineProps({ notification: Object });
 const { formatDate } = useNotificationsStore();
 const { user } = useUserStore();
+const api = useApiStore();
+
+async function read() {
+  const response = await api.readNotification(
+    notification.id,
+    notification.project.uri
+  );
+}
 </script>