diff --git a/src/application/controller/error/404.php b/src/application/controller/error/404.php
index be3797b..72721d0 100644
--- a/src/application/controller/error/404.php
+++ b/src/application/controller/error/404.php
@@ -4,4 +4,8 @@ header('HTTP/1.0 404 Not Found');
 
 $metaTitle = _('Page not Found | Twisterarmy Cloud');
 
+// Load dependencies
+$metaStyles  = ['css/template/default/error/404.css',];
+$metaScripts = [];
+
 require(PROJECT_DIR . '/application/view/error/404.phtml');
\ No newline at end of file
diff --git a/src/application/view/error/404.phtml b/src/application/view/error/404.phtml
index 5b255f6..c23326b 100644
--- a/src/application/view/error/404.phtml
+++ b/src/application/view/error/404.phtml
@@ -1,8 +1,8 @@
 <?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?>
-<div class="mw-1024 mx-auto of-hidden">
-  <div class="mw-360 mx-auto my-100 bg-c-4 b-r-3 py-28 px-24">
-    <h1 class="f-size-65 f-normal mb-20 t-center"><?php echo _('404') ?></h1>
-    <p class="t-center"><?php echo _('Page not Found') ?></p>
+<div class="container">
+  <div class="error404">
+    <h1><?php echo _('404') ?></h1>
+    <?php echo _('Page not Found') ?>
   </div>
 </div>
 <?php include(PROJECT_DIR . '/application/controller/common/footer/guest.php') ?>
\ No newline at end of file
diff --git a/src/public/css/template/default/error/404.css b/src/public/css/template/default/error/404.css
new file mode 100644
index 0000000..d091852
--- /dev/null
+++ b/src/public/css/template/default/error/404.css
@@ -0,0 +1,14 @@
+.error404 {
+  border-radius: 3px;
+  padding: 36px 16px;
+  margin: 100px auto;
+  background-color: #272E39;
+  width: 360px;
+  text-align: center;
+}
+
+.error404 h1 {
+  margin-bottom: 20px;
+  font-weight: normal;
+  font-size: 36px;
+}
\ No newline at end of file