From 29b772f68146ae293daedb14e085cf957bb5f032 Mon Sep 17 00:00:00 2001
From: Pedro Menezes <pmenezes@cloudflare.com>
Date: Thu, 23 Apr 2026 02:15:18 +0100
Subject: [PATCH] fix(table, empty): align font-size with Kumo's 14px default

- Table: set `text-base` on root so `<td>` cells render at 14px instead of inheriting the browser's 16px default
- Empty: replace arbitrary `text-[14px]` with semantic `text-base`
---
 .changeset/fix-table-font-size.md            | 5 +++++
 packages/kumo/src/components/empty/empty.tsx | 2 +-
 packages/kumo/src/components/table/table.tsx | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/fix-table-font-size.md

diff --git a/.changeset/fix-table-font-size.md b/.changeset/fix-table-font-size.md
new file mode 100644
index 0000000000..02abfb6695
--- /dev/null
+++ b/.changeset/fix-table-font-size.md
@@ -0,0 +1,5 @@
+---
+"@cloudflare/kumo": patch
+---
+
+Fix Table body cells rendering at 16px. The Table root now sets text-base (14px) so <td> cells match Kumo's default body font-size instead of inheriting the browser default. Also replaces an arbitrary text-[14px] in Empty with text-base.
diff --git a/packages/kumo/src/components/empty/empty.tsx b/packages/kumo/src/components/empty/empty.tsx
index 0f9bbce6f9..be4388877c 100644
--- a/packages/kumo/src/components/empty/empty.tsx
+++ b/packages/kumo/src/components/empty/empty.tsx
@@ -113,7 +113,7 @@ export function Empty({
           )}
         >
           <span className="text-xs text-kumo-inactive select-none">$</span>
-          <span className="no-scrollbar overflow-scroll text-[14px] whitespace-nowrap text-kumo-brand">
+          <span className="no-scrollbar overflow-scroll text-base whitespace-nowrap text-kumo-brand">
             {commandLine}
           </span>
           <Button
diff --git a/packages/kumo/src/components/table/table.tsx b/packages/kumo/src/components/table/table.tsx
index e8f27874e9..f21ed0d7f5 100644
--- a/packages/kumo/src/components/table/table.tsx
+++ b/packages/kumo/src/components/table/table.tsx
@@ -132,7 +132,7 @@ const TableRoot = forwardRef<
     "[&_td]:p-3", // Cell padding
     "[&_th]:border-b [&_th]:border-kumo-fill [&_th]:p-3 [&_th]:font-semibold [&_th]:text-base", // Header styles
     "[&_th]:bg-kumo-base", // Header background color
-    "text-left text-kumo-default",
+    "text-base text-left text-kumo-default",
     props.className,
   );