diff --git a/packages/apps/tools/src/components/Common/Layout/partials/Sidebar/Menu.tsx b/packages/apps/tools/src/components/Common/Layout/partials/Sidebar/Menu.tsx
index d81e99bd70a..6d71fc5ae19 100644
--- a/packages/apps/tools/src/components/Common/Layout/partials/Sidebar/Menu.tsx
+++ b/packages/apps/tools/src/components/Common/Layout/partials/Sidebar/Menu.tsx
@@ -19,14 +19,13 @@ export const Menu: FC = () => {
           title={activeMenu.title}
         />
       </div>
-      <Accordion
-        sections={
-          activeMenu.items?.map((item) => ({
-            title: '', // @todo: fix Type error: Property 'title' does not exist on type 'ISidebarSubMenuItem'.
-            children: <Tree isOpen={true} items={item.items} />,
-          })) ?? []
-        }
-      />
+      <Accordion.Root>
+        {activeMenu.items?.map((item, index) => (
+          <Accordion.Section title="" key={index}>
+            <Tree isOpen={true} items={item.items} />
+          </Accordion.Section>
+        ))}
+      </Accordion.Root>
     </div>
   );
 };