diff --git a/packages/common/components/src/ui/data-table/index.tsx b/packages/common/components/src/ui/data-table/index.tsx
index 8dc30c701..c2c8c3591 100644
--- a/packages/common/components/src/ui/data-table/index.tsx
+++ b/packages/common/components/src/ui/data-table/index.tsx
@@ -38,12 +38,17 @@ function THead<T>({ table }: { table: TableType<T> }) {
 
 type TableProps<T> = {
   table: TableType<T>;
+  variant?: "default" | "secondary" | "line";
   onRowClick?: (row: T) => void;
 };
 
-function DataTable<T>({ table, onRowClick }: TableProps<T>) {
+function DataTable<T>({
+  table,
+  variant = "default",
+  onRowClick,
+}: TableProps<T>) {
   return (
-    <Table className="w-full">
+    <Table className="w-full" variant={variant}>
       <THead table={table} />
       <tbody>
         {table.getRowModel().rows.map((row) => (