From 29d7fb924ebf9d2f38edf81f17e5265ada52ef72 Mon Sep 17 00:00:00 2001
From: Arnaud <arnaud@status.im>
Date: Wed, 6 Nov 2024 02:30:33 +0100
Subject: [PATCH] update design

---
 package-lock.json              | 4 ++--
 package.json                   | 2 +-
 src/components/Table/Table.tsx | 4 ++--
 src/components/Table/table.css | 6 +++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f1cc613..93b3673 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@codex-storage/marketplace-ui-components",
-  "version": "0.0.35",
+  "version": "0.0.36",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@codex-storage/marketplace-ui-components",
-      "version": "0.0.35",
+      "version": "0.0.36",
       "license": "MIT",
       "dependencies": {
         "lucide-react": "^0.453.0"
diff --git a/package.json b/package.json
index 2b73937..e987bda 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
     "type": "git",
     "url": "https://github.com/codex-storage/codex-marketplace-ui-components"
   },
-  "version": "0.0.35",
+  "version": "0.0.36",
   "type": "module",
   "scripts": {
     "prepack": "npm run build",
diff --git a/src/components/Table/Table.tsx b/src/components/Table/Table.tsx
index 056024a..27b3a90 100644
--- a/src/components/Table/Table.tsx
+++ b/src/components/Table/Table.tsx
@@ -138,9 +138,9 @@ export type RowProps = {
   className?: string;
 };
 
-export function Row({ cells, className = "" }: RowProps) {
+export function Row({ cells, className = "", ...rest }: RowProps) {
   return (
-    <tr className={className}>
+    <tr {...rest} className={className}>
       {cells.map((Cell, index) => (
         <Fragment key={index}>{Cell}</Fragment>
       ))}
diff --git a/src/components/Table/table.css b/src/components/Table/table.css
index 374201a..6770477 100644
--- a/src/components/Table/table.css
+++ b/src/components/Table/table.css
@@ -14,7 +14,7 @@
         th {
           color: var(--codex-color-light);
           font-weight: normal;
-          text-transform: uppercase;
+          text-transform: capitalize;
           font-size: 0.9rem;
           text-align: left;
           height: 36px;
@@ -78,11 +78,11 @@
           height: 64px;
           box-sizing: border-box;
           background-color: #232323;
-          padding: 0 16px;
+          padding: 0 12px;
           font-family: Inter;
           font-size: 14px;
           font-weight: 400;
-          line-height: 20px;
+          line-height: 16px;
           letter-spacing: -0.006em;
 
           &:first-child {