diff --git a/ui/ui/admin/404.tpl b/ui/ui/admin/404.tpl
index b5bddfcb..ef3cb304 100644
--- a/ui/ui/admin/404.tpl
+++ b/ui/ui/admin/404.tpl
@@ -1,9 +1,46 @@
 {include file="sections/header.tpl"}
 
-			<div class="page page-err clearfix">
-				<div class="err-container">
-					<h1 class="m404 mb0">404 <a href="{$_url}dashboard" class="ion ion-forward" title="go to dashboard"></a></h1>
-				</div>
-			</div>
+<style>
+.err-container {
+    text-align: center;
+    padding: 50px;
+    background: #ffffff;
+    border-radius: 8px;
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
+}
 
-{include file="sections/footer.tpl"}
\ No newline at end of file
+.m404 {
+    font-size: 100px;
+    color: #ff6b6b;
+}
+
+.error-message {
+    font-size: 20px;
+    color: #333333;
+    margin: 20px 0;
+}
+
+.error-btn {
+    display: inline-block;
+    padding: 10px 20px;
+    font-size: 18px;
+    color: #ffffff;
+    background-color: #007bff;
+    border-radius: 5px;
+    text-decoration: none;
+}
+
+.error-btn:hover {
+    background-color: #0056b3;
+}
+</style>
+
+<div class="page page-err clearfix">
+    <div class="err-container">
+        <h1 class="m404 mb0">404 <a href="{$_url}dashboard" class="ion ion-forward" title="go to dashboard"></a></h1>
+        <p class="error-message">{Lang::T("Oops! The page you are looking for was not found")}.</p>
+        <a href="{$_url}dashboard" class="btn btn-primary error-btn">{Lang::T("Back to Dashboard")}</a>
+    </div>
+</div>
+
+{include file="sections/footer.tpl"}