diff --git a/assets/css/src/generic.css b/assets/css/src/generic.css
index e7452aa..f42e0ca 100644
--- a/assets/css/src/generic.css
+++ b/assets/css/src/generic.css
@@ -97,3 +97,7 @@ body {
 .toggle-btn--right.open::before {
   content: "-";
 }
+
+.transition {
+  transition: all 0.5s var(--curve-sine);
+}
diff --git a/assets/css/src/header.css b/assets/css/src/header.css
index b47e84c..1950e3d 100644
--- a/assets/css/src/header.css
+++ b/assets/css/src/header.css
@@ -78,9 +78,6 @@ body[data-template="home"] {
   top: calc(var(--unit--vertical) * 4);
 }
 
-.entry-btn {
-  transition: all 0.5s var(--curve-sine);
-}
 [data-template="home"] .entry-btn {
   align-items: start;
 }
diff --git a/assets/css/src/nav.css b/assets/css/src/nav.css
index c9e3aad..d8f99ed 100644
--- a/assets/css/src/nav.css
+++ b/assets/css/src/nav.css
@@ -4,7 +4,7 @@
 }
 .panel {
   position: fixed;
-  width: 100%;
+  width: 100vw;
   height: 100dvh;
   top: 0;
   background-color: #000;
diff --git a/assets/js/script.js b/assets/js/script.js
index fa559c7..1aa8b0a 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -69,6 +69,8 @@ function enableToggleEntriesVisibility() {
   });
 
   observer.observe(entries);
+  leftBtn.classList.add("transition");
+  rightBtn.classList.add("transition");
 }
 
 function toggleLogoState() {