diff --git a/src/app/password-reset/page.tsx b/src/app/password-reset/page.tsx
index c0446f0..0db2c8d 100644
--- a/src/app/password-reset/page.tsx
+++ b/src/app/password-reset/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { useState, useEffect } from 'react'
+import { useState, useEffect, Suspense } from 'react' // CHANGED: add Suspense
 import { useSearchParams, useRouter } from 'next/navigation'
 import PageLayout from '../components/PageLayout'
 import Waves from '../components/background/waves'
@@ -352,7 +352,18 @@ function PasswordResetPageInner() {
 export default function PasswordResetPage() {
   return (
     <ToastProvider>
-      <PasswordResetPageInner />
+      <Suspense
+        fallback={
+          <div className="min-h-screen flex items-center justify-center">
+            <div className="text-center">
+              <div className="animate-spin rounded-full h-10 w-10 border-b-2 border-[#8D6B1D] mx-auto mb-3" />
+              <p className="text-[#4A4A4A]">Loading...</p>
+            </div>
+          </div>
+        }
+      >
+        <PasswordResetPageInner />
+      </Suspense>
     </ToastProvider>
   )
 }
\ No newline at end of file