diff --git a/packages/shared/components/tabs/Tabs.stories.tsx b/packages/shared/components/tabs/Tabs.stories.tsx
index 7e2d0485a1..72c367f609 100644
--- a/packages/shared/components/tabs/Tabs.stories.tsx
+++ b/packages/shared/components/tabs/Tabs.stories.tsx
@@ -27,7 +27,7 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { Tabs } from "./Tabs";
 
-import { tabsItems } from "./data";
+import { data } from "./data";
 import { TabsProps } from "./Tabs.types";
 import { ThemeTabs } from "./Tabs.enums";
 
@@ -58,8 +58,8 @@ const Template = (args: TabsProps) => (
 export const Default: Story = {
   render: (args) => <Template {...args} />,
   args: {
-    items: tabsItems,
-    selectedItemId: "tab1",
+    items: data,
+    selectedItemId: data[0].id,
     onSelect: () => {},
   },
 };
@@ -67,9 +67,9 @@ export const Default: Story = {
 export const Secondary: Story = {
   render: (args) => <Template {...args} />,
   args: {
-    items: tabsItems,
+    items: data,
     theme: ThemeTabs.Secondary,
-    selectedItemId: "tab1",
+    selectedItemId: data[0].id,
     onSelect: () => {},
   },
 };
diff --git a/packages/shared/components/tabs/data.tsx b/packages/shared/components/tabs/data.tsx
index f30cd5e159..a7253faa86 100644
--- a/packages/shared/components/tabs/data.tsx
+++ b/packages/shared/components/tabs/data.tsx
@@ -25,139 +25,79 @@
 // International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
 
 import { TTabItem } from "./Tabs.types";
+import { FileInput } from "../file-input";
+import { Row } from "../row";
+import { Text } from "../text";
+import { InputSize } from "../text-input";
 
-export const tabsItems: TTabItem[] = [
+export const data: TTabItem[] = [
   {
-    id: "tab0",
-    name: "name00000000",
+    id: "Overview",
+    name: "Overview",
+    content: (
+      <FileInput
+        accept={[".doc", ".docx"]}
+        id="file-input-id"
+        name="demoFileInputName"
+        onInput={() => {}}
+        placeholder="Input file"
+        size={InputSize.base}
+      />
+    ),
+  },
+  {
+    id: "Documents",
+    name: "Documents",
+    content: <p>Documents</p>,
+  },
+  {
+    id: "Milestones",
+    name: "Milestones",
+    content: (
+      <Row
+        key="1"
+        checked
+        contextOptions={[
+          {
+            key: "key1",
+            label: "Edit",
+            onClick: () => {},
+          },
+          {
+            key: "key2",
+            label: "Delete",
+            onClick: () => {},
+          },
+        ]}
+        onRowClick={() => {}}
+        onSelect={() => {}}
+      >
+        <div
+          style={{
+            alignItems: "center",
+            justifyContent: "space-between",
+            display: "flex",
+          }}
+        >
+          <Text truncate>Sample text</Text>
+        </div>
+      </Row>
+    ),
+  },
+  {
+    id: "Time",
+    name: "Time",
+    content: <p>Time tracking</p>,
+  },
+  {
+    id: "Contacts",
+    name: "Contacts",
     isDisabled: true,
-    content: (
-      <>
-        <label>Tab_0 Tab_0 Tab_0</label>
-        <br />
-        <label>Tab_0 Tab_0 Tab_0</label>
-        <br />
-        <label>Tab_0 Tab_0 Tab_0</label>
-      </>
-    ),
+    content: <p>Contacts</p>,
   },
   {
-    id: "tab1",
-    name: "name01",
-    content: (
-      <>
-        <label>Tab_1 Tab_1 Tab_1</label>
-        <br />
-        <label>Tab_1 Tab_1 Tab_1</label>
-        <br />
-        <label>Tab_1 Tab_1 Tab_1</label>
-      </>
-    ),
-  },
-  {
-    id: "tab2",
-    name: "02",
-    isDisabled: true,
-    content: (
-      <>
-        <label>Tab_2 Tab_2 Tab_2</label>
-        <br />
-        <label>Tab_2 Tab_2 Tab_2</label>
-        <br />
-        <label>Tab_2 Tab_2 Tab_2</label>
-      </>
-    ),
-  },
-  {
-    id: "tab3",
-    name: "na003",
-    isDisabled: true,
-    content: (
-      <>
-        <label>Tab_3 Tab_3 Tab_3</label>
-        <br />
-        <label>Tab_3 Tab_3 Tab_3</label>
-        <br />
-        <label>Tab_3 Tab_3 Tab_3</label>
-      </>
-    ),
-  },
-  {
-    id: "tab4",
-    name: "name0004",
-    content: (
-      <>
-        <label>Tab_4 Tab_4 Tab_4</label>
-        <br />
-        <label>Tab_4 Tab_4 Tab_4</label>
-        <br />
-        <label>Tab_4 Tab_4 Tab_4</label>
-      </>
-    ),
-  },
-  {
-    id: "tab5",
-    name: "name00005",
-    content: (
-      <>
-        <label>Tab_5 Tab_5 Tab_5</label>
-        <br />
-        <label>Tab_5 Tab_5 Tab_5</label>
-        <br />
-        <label>Tab_5 Tab_5 Tab_5</label>
-      </>
-    ),
-  },
-  {
-    id: "tab6",
-    name: "name00000006",
-    content: (
-      <>
-        <label>Tab_6 Tab_6 Tab_6</label>
-        <br />
-        <label>Tab_6 Tab_6 Tab_6</label>
-        <br />
-        <label>Tab_6 Tab_6 Tab_6</label>
-      </>
-    ),
-  },
-  {
-    id: "tab7",
-    name: "name00000007",
-    content: (
-      <>
-        <label>Tab_7 Tab_7 Tab_7</label>
-        <br />
-        <label>Tab_7 Tab_7 Tab_7</label>
-        <br />
-        <label>Tab_7 Tab_7 Tab_7</label>
-      </>
-    ),
-  },
-  {
-    id: "tab8",
-    name: "name0008",
-    content: (
-      <>
-        <label>Tab_8 Tab_8 Tab_8</label>
-        <br />
-        <label>Tab_8 Tab_8 Tab_8</label>
-        <br />
-        <label>Tab_8 Tab_8 Tab_8</label>
-      </>
-    ),
-  },
-  {
-    id: "tab9",
-    name: "ne09",
-    content: (
-      <>
-        <label>Tab_9 Tab_9 Tab_9</label>
-        <br />
-        <label>Tab_9 Tab_9 Tab_9</label>
-        <br />
-        <label>Tab_9 Tab_9 Tab_9</label>
-      </>
-    ),
+    id: "Team",
+    name: "Team",
+    content: <p>Team</p>,
   },
 ];