diff --git a/apps/www/src/app/(main)/support/page.tsx b/apps/www/src/app/(main)/support/page.tsx
index be8f606..b4ad48b 100644
--- a/apps/www/src/app/(main)/support/page.tsx
+++ b/apps/www/src/app/(main)/support/page.tsx
@@ -1,5 +1,6 @@
 import { Support } from "@/components/feat/support/support";
 import type { Metadata } from "next";
+import { Suspense } from "react";
 
 export const metadata: Metadata = {
   applicationName: "MHSF",
@@ -9,7 +10,9 @@ export const metadata: Metadata = {
 export default function SupportPage() {
   return (
     <div>
-      <Support />
+      <Suspense>
+        <Support />
+      </Suspense>
     </div>
   );
 }