diff --git a/filed/static/assets/paint.css b/filed/static/assets/paint.css
index ab6b390..6cf4469 100644
--- a/filed/static/assets/paint.css
+++ b/filed/static/assets/paint.css
@@ -45,7 +45,7 @@ html, body {
     font-family: var(--accent-font);
     font-weight: var(--accent-weight);
     font-size: var(--header-font-size);
-    padding: var(--header-padding-y) var(--header-padding-x);
+    padding: var(--header-padding-y) 0;
     height: calc(var(--header-height) - (var(--header-padding-y)*2));
 }
 .header svg {
@@ -71,7 +71,25 @@ html, body {
     height: var(--header-height);
     display: flex;
     align-items: center;
+    padding: 0;
+}
+.header .header-home {
+    height: var(--header-height);
+    line-height: var(--header-height);
     padding: 0 var(--header-padding-x);
+
+    vertical-align: middle;
+    transition: 500ms ease;
+
+    border-bottom: 0 !important;
+    color: white !important;
+    backdrop-filter: brightness(1);
+}
+.header .header-home:hover {
+    backdrop-filter: brightness(0.9);
+}
+.header .header-home:active {
+    backdrop-filter: brightness(0.7);
 }
 
 .content-box {
diff --git a/filed/templates/base.html b/filed/templates/base.html
index 8862072..a045fff 100644
--- a/filed/templates/base.html
+++ b/filed/templates/base.html
@@ -25,11 +25,13 @@
         <div class="header">
             <img class="header-bg" src="/bfile-header.webp" width="400px" height="60px">
             <div class='header-text'>
-                {{- conf.brand.instance_name -}}
-                {%- if conf.brand.instance_motto.len() != 0 -%}
-                    {#- Whitespace control is stupid -#}
-                    {{- " - " -}}{{- conf.brand.instance_motto -}}
-                {%- endif -%}
+                <a class="header-home" href="/">
+                    {{- conf.brand.instance_name -}}
+                    {%- if conf.brand.instance_motto.len() != 0 -%}
+                        {#- Whitespace control is stupid -#}
+                        {{- " - " -}}{{- conf.brand.instance_motto -}}
+                    {%- endif -%}
+                </a>
             </div>
         </div>
         <div class='content-box'>