diff --git a/src/app/recover-password/page.tsx b/src/app/recover-password/page.tsx
index 85ca296..b0ec5a9 100644
--- a/src/app/recover-password/page.tsx
+++ b/src/app/recover-password/page.tsx
@@ -4,7 +4,7 @@ import { css, cx } from '@/styled-system/css'
 import { Center } from '@/styled-system/jsx'
 import { container } from '@/styled-system/patterns'
 import { card } from '@/styled-system/recipes'
-import { type FC } from 'react'
+import { Suspense, type FC } from 'react'
 
 const page: FC = () => {
   return (
@@ -35,7 +35,9 @@ const page: FC = () => {
         <div
           className={card().content}
         >
-          <ManageRecoverPassword />
+          <Suspense fallback={<Typography variant="body1">Cargando...</Typography>}>
+            <ManageRecoverPassword />
+          </Suspense>
         </div>
       </div>
     </Center>