diff --git a/.changeset/small-peaches-change.md b/.changeset/small-peaches-change.md
new file mode 100644
index 0000000..163fdae
--- /dev/null
+++ b/.changeset/small-peaches-change.md
@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+using correct fs- class for DataGrid headers
diff --git a/packages/react/src/components/DataGrid/index.tsx b/packages/react/src/components/DataGrid/index.tsx
index 04882a3..e1fa33c 100644
--- a/packages/react/src/components/DataGrid/index.tsx
+++ b/packages/react/src/components/DataGrid/index.tsx
@@ -168,10 +168,13 @@ export const DataGrid = <T extends Row>({
                           <th key={header.id} colSpan={header.colSpan}>
                             {header.isPlaceholder ? null : (
                               <div
-                                className={classNames("c__datagrid__header", {
-                                  "c__datagrid__header--sortable":
-                                    header.column.getCanSort(),
-                                })}
+                                className={classNames(
+                                  "c__datagrid__header fs-h5",
+                                  {
+                                    "c__datagrid__header--sortable":
+                                      header.column.getCanSort(),
+                                  },
+                                )}
                                 {...(header.column.getCanSort()
                                   ? {
                                       role: "button",