diff --git a/crates/ezidam/src/error/mod.rs b/crates/ezidam/src/error/mod.rs
index a4eb88a..26b5935 100644
--- a/crates/ezidam/src/error/mod.rs
+++ b/crates/ezidam/src/error/mod.rs
@@ -16,11 +16,13 @@ impl Error {
         Self {
             status,
             template: Template::render(
-                status.template_name(),
+                "error",
                 context! {
+                    title: format!("{} Error", status.http_code().code),
                     message: message.to_string(),
                     version: env!("CARGO_PKG_VERSION"),
                     http_code: status.http_code().code,
+                    http_reason: status.http_code().reason_lossy()
                 },
             ),
         }
diff --git a/crates/ezidam/src/error/status_code.rs b/crates/ezidam/src/error/status_code.rs
index 1eac50d..232c3fc 100644
--- a/crates/ezidam/src/error/status_code.rs
+++ b/crates/ezidam/src/error/status_code.rs
@@ -15,12 +15,4 @@ impl StatusCode {
             StatusCode::Unknown(status) => status,
         }
     }
-
-    pub fn template_name(self) -> &'static str {
-        match self {
-            StatusCode::NotFound => "errors/404",
-            StatusCode::InternalServerError => "errors/500",
-            StatusCode::Unknown(_) => "errors/unknown",
-        }
-    }
 }
diff --git a/crates/ezidam/templates/base.html.tera b/crates/ezidam/templates/base.html.tera
index f869950..b6804ef 100644
--- a/crates/ezidam/templates/base.html.tera
+++ b/crates/ezidam/templates/base.html.tera
@@ -1,14 +1,29 @@
-<html>
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
+    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+    <title>{{ title }}</title>
+    <!-- CSS files -->
+    <link href="/css/tabler.min.css" rel="stylesheet"/>
+    <link href="/css/demo.min.css" rel="stylesheet"/>
+    <style>
+        @import url('https://rsms.me/inter/inter.css');
+        :root {
+            --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+        }
+        body {
+            font-feature-settings: "cv03", "cv04", "cv11";
+        }
+    </style>
+</head>
 
-
-<body>
 {% block content %}{% endblock content %}
 
 <div>
     <div>ezidam version {{ version }}</div>
 </div>
 
-</body>
-
 
 </html>
\ No newline at end of file
diff --git a/crates/ezidam/templates/error.html.tera b/crates/ezidam/templates/error.html.tera
new file mode 100644
index 0000000..30fd70e
--- /dev/null
+++ b/crates/ezidam/templates/error.html.tera
@@ -0,0 +1,29 @@
+{% extends "base" %}
+
+{% block content %}
+<body  class=" border-top-wide border-primary d-flex flex-column">
+<script src="/js/demo-theme.min.js?1677614948"></script>
+<div class="page page-center">
+    <div class="container-tight py-4">
+        <div class="empty">
+            <div class="empty-header">{{ http_code }}</div>
+            <p class="empty-title">{{ http_reason }}</p>
+            <p class="empty-subtitle text-muted">
+                {{ message }}
+            </p>
+            <div class="empty-action">
+                <a href="/" class="btn btn-primary">
+                    <!-- Download SVG icon from http://tabler-icons.io/i/arrow-left -->
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg>
+                    Take me home
+                </a>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- Libs JS -->
+<!-- Tabler Core -->
+<script src="/js/tabler.min.js" defer></script>
+<script src="/js/demo.min.js" defer></script>
+</body>
+{% endblock content %}
\ No newline at end of file
diff --git a/crates/ezidam/templates/errors/404.html.tera b/crates/ezidam/templates/errors/404.html.tera
deleted file mode 100644
index e7e675d..0000000
--- a/crates/ezidam/templates/errors/404.html.tera
+++ /dev/null
@@ -1,6 +0,0 @@
-{% extends "base" %}
-
-{% block content %}
-<div>404 not found error!</div>
-<div>{{ message }}</div>
-{% endblock content %}
\ No newline at end of file
diff --git a/crates/ezidam/templates/errors/500.html.tera b/crates/ezidam/templates/errors/500.html.tera
deleted file mode 100644
index 6b16ee1..0000000
--- a/crates/ezidam/templates/errors/500.html.tera
+++ /dev/null
@@ -1,6 +0,0 @@
-{% extends "base" %}
-
-{% block content %}
-<div>500 internal error!</div>
-<div>{{ message }}</div>
-{% endblock content %}
\ No newline at end of file
diff --git a/crates/ezidam/templates/errors/unknown.html.tera b/crates/ezidam/templates/errors/unknown.html.tera
deleted file mode 100644
index d4e3877..0000000
--- a/crates/ezidam/templates/errors/unknown.html.tera
+++ /dev/null
@@ -1,7 +0,0 @@
-{% extends "base" %}
-
-{% block content %}
-<div>unknown error!</div>
-<div>http code {{ http_code }}</div>
-<div>{{ message }}</div>
-{% endblock content %}
\ No newline at end of file
