diff --git a/contact-frontend/packages/shared/ui/src/layouts/MenusLayout.vue b/contact-frontend/packages/shared/ui/src/layouts/MenusLayout.vue
index 249e56e9..dd1e61f7 100644
--- a/contact-frontend/packages/shared/ui/src/layouts/MenusLayout.vue
+++ b/contact-frontend/packages/shared/ui/src/layouts/MenusLayout.vue
@@ -3,7 +3,7 @@ import { NLayout, NLayoutContent, NLayoutSider } from 'naive-ui'
 </script>
 <template>
   <n-layout has-sider class="h-full">
-    <n-layout-sider bordered>
+    <n-layout-sider bordered show-trigger="bar" collapse-mode="transform">
       <slot></slot>
     </n-layout-sider>
     <n-layout-content content-style="padding: 10px">