diff --git a/filed/templates/source/base.html b/filed/templates/source/base.html
index 2c9afeb..b69526f 100644
--- a/filed/templates/source/base.html
+++ b/filed/templates/source/base.html
@@ -17,14 +17,15 @@
 
         <style> .footer svg { height: 32px; margin: 10px 0 } </style>
         <style>
+        .header .header-text, .header .header-home, .header .header-bg { transition: 250ms ease; }
         @media (max-width:667px) {
 
-            .header-text { text-align: center }
-            .header-home { width: 100% }
-            .header-bg   { left: 50% !important; transform: translateX(-50%); -webkit-mask-image: linear-gradient(90deg, #0000, #000, #0000); }
+            .header .header-text { text-align: center }
+            .header .header-home { width: 100% }
+            .header .header-bg   { left: 50% !important; transform: translateX(-50%); -webkit-mask-image: linear-gradient(90deg, #0000, #000, #0000); }
 
             {%- if conf.brand.instance_motto.len() != 0 -%}
-                .header-home-motto {
+                .header .header-home-motto {
                     display:none
                 }
             {%- endif -%}