diff --git a/docs/preview/redesigned-mainwindow.html b/docs/preview/redesigned-mainwindow.html
index 3bcde25..f6ca3da 100644
--- a/docs/preview/redesigned-mainwindow.html
+++ b/docs/preview/redesigned-mainwindow.html
@@ -427,16 +427,24 @@
   /* Settings drawer */
   .drawer {
     position: absolute;
-    top: 44px; right: 0; bottom: 0;
+    top: 44px;
+    right: 0;
+    bottom: 0;
     width: 400px;
     background: var(--bg-surface);
     border-left: 1px solid var(--border-subtle);
-    transform: translateX(100%);
-    transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
-    display: flex; flex-direction: column;
+    flex-direction: column;
     z-index: 5;
+    display: none;
+  }
+  .drawer.open {
+    display: flex;
+    animation: drawer-slide-in 220ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  @keyframes drawer-slide-in {
+    from { transform: translateX(420px); }
+    to { transform: translateX(0); }
   }
-  .drawer.open { transform: translateX(0); }
   .drawer-head {
     height: 56px;
     padding: 0 12px 0 20px;