diff --git a/packages/react/src/DataTable/DataTable.stories.tsx b/packages/react/src/DataTable/DataTable.stories.tsx
index 46b43e71d79..7726463411d 100644
--- a/packages/react/src/DataTable/DataTable.stories.tsx
+++ b/packages/react/src/DataTable/DataTable.stories.tsx
@@ -196,8 +196,8 @@ export const Playground = (args: DataTableProps<UniqueRow> & ColWidthArgTypes) =
   const align = args.align as CellAlignment
 
   const [pageIndex, setPageIndex] = React.useState(0)
-  const start = pageIndex * args.pageSize
-  const end = start + args.pageSize
+  const start = pageIndex * parseInt(args.pageSize, 10)
+  const end = start + parseInt(args.pageSize, 10)
   const rows = data.slice(start, end)
 
   return (