diff --git a/ui/src/components/Topbar/index.tsx b/ui/src/components/Topbar/index.tsx
index 86d13f4f..afaeeebd 100644
--- a/ui/src/components/Topbar/index.tsx
+++ b/ui/src/components/Topbar/index.tsx
@@ -53,7 +53,7 @@ const Topbar = () => {
         placement="right"
         closable={false}
         onClose={hideDrawer}
-        visible={visible}
+        open={visible}
         getContainer={() => document.body} // Ensure the drawer covers viewport on mobile
       >
         <Menu mode="vertical">