diff --git a/templates/bundles/TwigBundle/Exception/error404.html.twig b/templates/bundles/TwigBundle/Exception/error404.html.twig
index 7c228b7..11eb912 100644
--- a/templates/bundles/TwigBundle/Exception/error404.html.twig
+++ b/templates/bundles/TwigBundle/Exception/error404.html.twig
@@ -3,14 +3,21 @@
 {% block title %}صفحه یافت نشد!{% endblock %}
 	
 {% block body %}
-	<div class="container">
-		<div class="row">
-			<div class="col-12 justify-content-center text-center">
-				<img class="img-fluid" src="{{asset('img/404.webp')}}"/>
-                <h1 class="text-primary mt-3">صفحه یافت نشد!</h1>
-                <p>به نظر می‌رسد صفحه‌ای که به دنبال آن هستید حذف یا منتقل شده و یا اینکه از قبل وجود نداشته است.</p>
-                <a class="btn btn-lg btn-primary rounded-5" href="{{path('app_home')}}">صفحه نخست</a>
-            </div>
+	<div class="min-h-screen flex items-center justify-center bg-gray-50 px-4 sm:px-6 lg:px-8">
+		<div class="max-w-md w-full space-y-8 text-center">
+			<div>
+				<img class="mx-auto h-64 w-auto object-contain" src="{{asset('img/404.webp')}}" alt="صفحه یافت نشد"/>
+				<h1 class="mt-6 text-4xl font-bold text-blue-600">صفحه یافت نشد!</h1>
+				<p class="mt-4 text-lg text-gray-600 leading-relaxed">
+					به نظر می‌رسد صفحه‌ای که به دنبال آن هستید حذف یا منتقل شده و یا اینکه از قبل وجود نداشته است.
+				</p>
+			</div>
+			<div>
+				<a href="{{path('app_home')}}" 
+				   class="group relative w-full flex justify-center py-3 px-4 border border-transparent text-lg font-medium rounded-full text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition duration-150 ease-in-out">
+					صفحه نخست
+				</a>
+			</div>
 		</div>
 	</div>
 {% endblock %}