diff --git a/apps/web/src/app/(app)/settings/developers/logs/layout.tsx b/apps/web/src/app/(app)/settings/developers/logs/layout.tsx
index 047eee9..5bf1e54 100644
--- a/apps/web/src/app/(app)/settings/developers/logs/layout.tsx
+++ b/apps/web/src/app/(app)/settings/developers/logs/layout.tsx
@@ -1,5 +1,5 @@
 import { Metadata } from 'next'
-import { ReactNode } from 'react'
+import { ReactNode, Suspense } from 'react'
 
 import { WebhookLogsFilters } from './webhook-logs-filters'
 import { WebhookLogsList } from './webhook-logs-list'
@@ -16,8 +16,10 @@ export default async function WebhookLogsLayout({
   return (
     <div className="space-y-4">
       <h2 className="text-2xl font-bold tracking-tight">Webhook logs</h2>
-      <WebhookLogsFilters />
-      <WebhookLogsList />
+      <Suspense fallback={null}>
+        <WebhookLogsFilters />
+        <WebhookLogsList />
+      </Suspense>
       <div>{children}</div>
     </div>
   )