diff --git a/src/pages/PageNotFound.jsx b/src/pages/PageNotFound.jsx
index c7e4685..391196a 100644
--- a/src/pages/PageNotFound.jsx
+++ b/src/pages/PageNotFound.jsx
@@ -3,6 +3,7 @@ import AnimatedPage from "../components/AnimatedPage";
 import Nav from "../components/ui/Nav";
 import { useUser } from "../hooks/useUser";
 
+import img404 from "../assets/img/illustrations/404.svg";
 export default function PageNotFound() {
 	const { screensTranslations } = useUser();
 
@@ -13,9 +14,9 @@ export default function PageNotFound() {
 		<AnimatedPage className='page-container page-container--not-found  '>
 			<div className='content-page'>
 				<Nav />
-				<h1>{screen404Translations.error}</h1>
-				<h2>{screen404Translations.page_not_found}</h2>
-				<p>{screen404Translations.explanation}</p>
+				<img src={img404} alt='' />
+				<h1>{screen404Translations.page_not_found}</h1>
+				<p className="error-description">{screen404Translations.explanation}</p>
 			</div>
 		</AnimatedPage>
 	);