diff --git a/.changeset/hot-deer-hug.md b/.changeset/hot-deer-hug.md
new file mode 100644
index 0000000..4cc9485
--- /dev/null
+++ b/.changeset/hot-deer-hug.md
@@ -0,0 +1,5 @@
+---
+"@zenml-io/react-component-library": patch
+---
+
+adjust types
diff --git a/src/components/Table/DataTable.stories.tsx b/src/components/Table/DataTable.stories.tsx
index a9eed33..b531673 100644
--- a/src/components/Table/DataTable.stories.tsx
+++ b/src/components/Table/DataTable.stories.tsx
@@ -11,7 +11,7 @@ type DummyData = {
 	age: number;
 };
 
-const cols: ColumnDef<DummyData, unknown>[] = [
+const cols: ColumnDef<DummyData>[] = [
 	{
 		id: "id",
 		header: "ID",
@@ -134,7 +134,7 @@ const CustomizedDataTable = () => {
 	);
 };
 
-const colsCustomized: ColumnDef<DummyData, unknown>[] = [
+const colsCustomized: ColumnDef<DummyData>[] = [
 	{
 		id: "select",
 		accessorKey: "select",
diff --git a/src/components/Table/Sorting.tsx b/src/components/Table/Sorting.tsx
index a6212bb..d7807a0 100644
--- a/src/components/Table/Sorting.tsx
+++ b/src/components/Table/Sorting.tsx
@@ -15,14 +15,14 @@ function SortingArrow({ direction }: Props) {
 	return <Comp className="h-4 w-4 shrink-0" />;
 }
 
-interface HeaderProps<TData extends RowData> {
-	header: Header<TData, unknown>;
+interface HeaderProps<TData extends RowData, TValue> {
+	header: Header<TData, TValue>;
 }
 
-export function SortableHeader<TData extends RowData>({
+export function SortableHeader<TData extends RowData, TValue>({
 	header,
 	children
-}: PropsWithChildren<HeaderProps<TData>>) {
+}: PropsWithChildren<HeaderProps<TData, TValue>>) {
 	return (
 		<button
 			className={`${