diff --git a/layouts/404.html b/layouts/404.html
index 8016df95f3..2b9b5a714b 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -22,7 +22,7 @@
     </style>
     {{- partial "custom-header.html" . }}
   </head>
-  <body class="" data-url="/">
+  <body class="default-animation" data-url="/">
     <div id="body default-animation" style="margin-left:0px;">
       <div id="overlay"></div>
       <div id="chapter">
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 16ffdc88fb..cbb15b43d0 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -24,7 +24,7 @@
     {{- partial "stylesheet.html" . }}
     {{- partial "custom-header.html" . }}
   </head>
-  <body class="" data-url="{{ .RelPermalink }}">
+  <body class="default-animation" data-url="{{ .RelPermalink }}">
     {{- partial "menu.html" . }}
     <div id="body" class="default-animation">
       <div id="overlay"></div>
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
index a89f5aaa5e..19cd8b0eb9 100644
--- a/layouts/partials/menu.html
+++ b/layouts/partials/menu.html
@@ -9,8 +9,8 @@
     <nav id="sidebar" class="default-animation {{ if $.Site.Params.showVisitedLinks }}showVisitedLinks{{ end }}">
       {{- $currentNode := . }}
       {{- $showvisitedlinks := .Site.Params.showVisitedLinks }}
-      <div id="header-wrapper">
-        <div id="header">
+      <div id="header-wrapper" class="default-animation">
+        <div id="header" class="default-animation">
 {{ partial "logo.html" . }}
         </div>
         {{- if not .Site.Params.disableSearch }}
@@ -18,7 +18,7 @@
         {{- end }}
       </div>
       {{- if not .Site.Params.disableLandingPageButton }}
-      <div id="homelinks">
+      <div id="homelinks" class="default-animation">
         <ul>
           <li>
               <a class="padding" href="{{ .Site.Params.landingPageURL | default "/" | relLangURL }}">{{ .Site.Params.landingPageName | default `<i class="fas fa-home"></i> Home` | safeHTML }}</a>
diff --git a/layouts/partials/search.html b/layouts/partials/search.html
index 04657fc825..07cb7b0375 100644
--- a/layouts/partials/search.html
+++ b/layouts/partials/search.html
@@ -1,4 +1,4 @@
-        <div class="searchbox">
+        <div class="searchbox default-animation">
           <label for="search-by"><i class="fas fa-search"></i></label>
           <input data-search-input id="search-by" type="search" placeholder="{{ T "Search-placeholder" }}">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
