diff --git a/assets/css/_core/_layout.scss b/assets/css/_core/_layout.scss
index 8e56844e..03206e88 100644
--- a/assets/css/_core/_layout.scss
+++ b/assets/css/_core/_layout.scss
@@ -22,9 +22,3 @@
   line-height: 1.5rem;
   padding-top: 2rem;
 }
-
-.notfound {
-  font-size: 2rem;
-  transform: translateY(35vh);
-  text-align: center;
-}
diff --git a/assets/css/_page/_404.scss b/assets/css/_page/_404.scss
new file mode 100644
index 00000000..f6d9195e
--- /dev/null
+++ b/assets/css/_page/_404.scss
@@ -0,0 +1,6 @@
+.notfound {
+  font-size: 1.8rem;
+  line-height: 3rem;
+  transform: translateY(30vh);
+  text-align: center;
+}
diff --git a/assets/css/_page/_index.scss b/assets/css/_page/_index.scss
index ce3a8a7c..405a90a7 100644
--- a/assets/css/_page/_index.scss
+++ b/assets/css/_page/_index.scss
@@ -1,4 +1,5 @@
 @import "_home";
+@import "_404";
 
 .page {
   position: relative;
diff --git a/layouts/404.html b/layouts/404.html
index 1de09394..23a7ef8c 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -6,12 +6,8 @@
     <div class="notfound">
         <h1 class="error-emoji"></h1>
         <p class="error-text">
-            {{- T "pageNotFoundText" -}}
-        </p>
-        <p class="error-link">
-            <a href="{{ .Site.BaseURL }}">
-                {{- T "backToHome" | printf "← %s" -}}
-            </a>
+            {{- T "pageNotFoundText" -}}&nbsp;
+            <a href="{{ .Site.BaseURL }}" title="{{ T "backToHome" }}">↩︎</a>
         </p>
     </div>
     <script>
diff --git a/layouts/partials/home/profile.html b/layouts/partials/home/profile.html
index 578faa67..959e0add 100644
--- a/layouts/partials/home/profile.html
+++ b/layouts/partials/home/profile.html
@@ -8,7 +8,7 @@
     {{- if $avatar -}}
         <div class="home-avatar">
             <a href="/posts">
-                <img src={{ $avatar | relURL }} alt="avatar">
+                <img src={{ $avatar | relURL }} alt="avatar" title="{{ T "home" }}">
             </a>
         </div>
     {{- end -}}