diff --git a/assets/js/components/cookies-consent.js b/assets/js/components/cookies-consent.js
index d44fef3..93b223f 100644
--- a/assets/js/components/cookies-consent.js
+++ b/assets/js/components/cookies-consent.js
@@ -3,7 +3,7 @@ window.addEventListener("load", function () {
         let cookieSettings = document.getElementById("cookie-settings");
 
         cookieSettings.style.bottom = '0%';
-        setTimeout(() => { cookieSettings.style.transition = "bottom 1s"; cookieSettings.style.bottom = '0%'; }, 0);
+        setTimeout(() => { cookieSettings.style.bottom = '0%'; }, 0);
 
         document.querySelectorAll('.btn-cookies-consent').forEach(button => {
             button.addEventListener('click', function (event) {
diff --git a/content/includes/cookie-banner.blade.php b/content/includes/cookie-banner.blade.php
index 4626c5e..7e68706 100644
--- a/content/includes/cookie-banner.blade.php
+++ b/content/includes/cookie-banner.blade.php
@@ -7,7 +7,7 @@
         -webkit-backdrop-filter: blur(5px);
         border: 1px solid {{$_primary_ci_color}}30;
         margin-bottom: 40px;
-        transition: background 0.8s ease;
+        transition: background 0.8s ease, bottom 1s ease;
 
     }
     #cookie-settings:hover{