diff --git a/assets/scss/_404.scss b/assets/scss/_404.scss
new file mode 100644
index 0000000..c6030de
--- /dev/null
+++ b/assets/scss/_404.scss
@@ -0,0 +1,9 @@
+.btn-404 svg {
+  vertical-align: middle;
+  display: inline-block;
+  margin-right: 5px;
+}
+
+.btn-404 a {
+  margin: 0 10px;
+}
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 199d3d9..b62cb6e 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -16,3 +16,4 @@
 @import "footer";
 @import "sharing-buttons";
 @import "tables";
+@import "404";
diff --git a/layouts/404.html b/layouts/404.html
index 83df580..7c89f3a 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -7,8 +7,14 @@
             <h1>404</h1>
             <p>{{ i18n "notFound" }}</p>
             <p class="btn-404">
-                <a href="{{.Site.BaseURL}}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>{{ i18n "home" }}</a>
-                <a href="{{ "posts" | absLangURL }}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-archive"><polyline points="21 8 21 21 3 21 3 8"></polyline><rect x="1" y="3" width="22" height="5"></rect><line x1="10" y1="12" x2="14" y2="12"></line></svg>{{ i18n "archives" }}</a>
+                <a href="{{.Site.BaseURL}}">
+                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                  {{- i18n "home" -}}
+                </a>
+                <a href="{{ "posts" | absLangURL }}">
+                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-archive"><polyline points="21 8 21 21 3 21 3 8"></polyline><rect x="1" y="3" width="22" height="5"></rect><line x1="10" y1="12" x2="14" y2="12"></line></svg>
+                  {{- i18n "archives" -}}
+                </a>
             </p>
         </div>
     </div>