diff --git a/tslib/react/src/components/DataGrid.tsx b/tslib/react/src/components/DataGrid.tsx
index 15d55bea..6b53a0e4 100644
--- a/tslib/react/src/components/DataGrid.tsx
+++ b/tslib/react/src/components/DataGrid.tsx
@@ -131,13 +131,19 @@ function DataGrid<T>({
   const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
     []
   )
-  const rowsPerPageOptions = [10, 50, 100, { label: "All", value: data.length }]
+  const rowsPerPageOptions = [
+    5,
+    10,
+    50,
+    100,
+    { label: "All", value: data.length },
+  ]
   const [pagination, setPagination] = React.useState<PaginationState>({
     pageIndex: 0,
     pageSize:
       initialRowsPerPage && rowsPerPageOptions.includes(initialRowsPerPage)
         ? initialRowsPerPage
-        : 50,
+        : 5,
   })
 
   const table = useReactTable({