diff --git a/ui/src/components/sidebar-layout.tsx b/ui/src/components/sidebar-layout.tsx
index 7ea9e5e4..1e10e0fb 100644
--- a/ui/src/components/sidebar-layout.tsx
+++ b/ui/src/components/sidebar-layout.tsx
@@ -88,6 +88,7 @@ export function SidebarFrame({
       className={cn(
         "relative flex h-svh shrink-0 flex-col",
         "max-md:fixed max-md:inset-0 max-md:z-40 max-md:!w-full",
+        "max-md:animate-in max-md:fade-in-0 max-md:slide-in-from-left-4 max-md:duration-200 max-md:ease-out",
         className,
       )}
     >