diff --git a/web/src/components/Sidebar.tsx b/web/src/components/Sidebar.tsx
index d0e0ef7..5b7f15c 100644
--- a/web/src/components/Sidebar.tsx
+++ b/web/src/components/Sidebar.tsx
@@ -64,6 +64,7 @@ export default function Sidebar() {
       sx={{
         width: open ? DRAWER_WIDTH : 0,
         flexShrink: 0,
+        transition: 'width 250ms ease',
         '& .MuiDrawer-paper': {
           width: DRAWER_WIDTH,
           boxSizing: 'border-box',