diff --git a/src/layouts/PagesLayout.astro b/src/layouts/PagesLayout.astro
index a843a16..e022d31 100644
--- a/src/layouts/PagesLayout.astro
+++ b/src/layouts/PagesLayout.astro
@@ -76,7 +76,8 @@ for (const entry of pagesIndex) {
     <div class="lg:grid lg:grid-cols-[14rem_auto_12rem] lg:container mx-auto">
         <div
             id="sidebar"
-            class="pt-12 h-screen lg:sticky top-0 fixed z-10 bg-c-bg w-60 lg:w-auto border-r-2 lg:border-0 border-c-border-1 -translate-x-64 lg:translate-x-0"
+            class="pt-12 h-screen lg:sticky top-0 fixed z-10 bg-c-bg w-60 lg:w-auto border-r-2 lg:border-0 
+                border-c-border-1 -translate-x-64 lg:translate-x-0 transition-transform"
         >
             <nav class="py-4 pr-2 overflow-x-scroll h-[calc(100vh-3rem)]">
                 {