diff --git a/apps/web/Components/Calculation/Form/index.jsx b/apps/web/Components/Calculation/Form/index.jsx
index 5448eee..b9a85f7 100644
--- a/apps/web/Components/Calculation/Form/index.jsx
+++ b/apps/web/Components/Calculation/Form/index.jsx
@@ -45,19 +45,21 @@ const ComponentWrapper = styled.div`
 `;
 
 function Form({ prune }) {
+  const items = formTabs
+    .filter((tab) => !prune?.includes(tab.id))
+    .map(({ id, title, Component }) => ({
+      key: id,
+      label: title,
+      children: (
+        <ComponentWrapper>
+          <Component />
+        </ComponentWrapper>
+      ),
+    }));
+
   return (
     <Wrapper>
-      <Tabs type="card" tabBarGutter="5px">
-        {formTabs
-          .filter((tab) => !prune?.includes(tab.id))
-          .map(({ id, title, Component }) => (
-            <Tabs.TabPane tab={title} key={id}>
-              <ComponentWrapper>
-                <Component />
-              </ComponentWrapper>
-            </Tabs.TabPane>
-          ))}
-      </Tabs>
+      <Tabs type="card" tabBarGutter="5px" items={items} />
     </Wrapper>
   );
 }