From ebc4e5c4f5d7bb8203e3da7aa05b3313566a2e55 Mon Sep 17 00:00:00 2001
From: Steven <steven@straatemans.nl>
Date: Thu, 19 Dec 2024 11:03:26 +0100
Subject: [PATCH] fix(ui): fix the sizing of table cells (#2751)

---
 .changeset/ninety-impalas-push.md                            | 5 +++++
 .../patterns/CompactTable/CompactTableDesktop/styles.css.ts  | 4 ++++
 2 files changed, 9 insertions(+)
 create mode 100644 .changeset/ninety-impalas-push.md

diff --git a/.changeset/ninety-impalas-push.md b/.changeset/ninety-impalas-push.md
new file mode 100644
index 0000000000..d539cbd6e2
--- /dev/null
+++ b/.changeset/ninety-impalas-push.md
@@ -0,0 +1,5 @@
+---
+'@kadena/kode-ui': patch
+---
+
+fix the sizing of the compactdatatable
diff --git a/packages/libs/kode-ui/src/patterns/CompactTable/CompactTableDesktop/styles.css.ts b/packages/libs/kode-ui/src/patterns/CompactTable/CompactTableDesktop/styles.css.ts
index a9e4420c90..d8c5e13034 100644
--- a/packages/libs/kode-ui/src/patterns/CompactTable/CompactTableDesktop/styles.css.ts
+++ b/packages/libs/kode-ui/src/patterns/CompactTable/CompactTableDesktop/styles.css.ts
@@ -13,6 +13,10 @@ globalStyle(`${tableClass} td > span`, {
   whiteSpace: 'nowrap',
 });
 
+globalStyle(`${tableClass} td > span:not(:has(button))`, {
+  contain: 'inline-size',
+});
+
 export const tableBorderClass = recipe({
   base: {},
   variants: {