From 06b3c34382b31f7b30aceb5fc1cf1f3763b05488 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Fri, 11 Apr 2025 14:15:43 +0200
Subject: [PATCH] Improve styles

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 .changeset/quiet-rockets-throw.md                               | 2 +-
 packages/canon/css/components.css                               | 2 +-
 packages/canon/css/datatable.css                                | 2 +-
 packages/canon/css/styles.css                                   | 2 +-
 .../DataTable/Pagination/DataTablePagination.styles.css         | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/.changeset/quiet-rockets-throw.md b/.changeset/quiet-rockets-throw.md
index a73dbeb51b..6ba34beeff 100644
--- a/.changeset/quiet-rockets-throw.md
+++ b/.changeset/quiet-rockets-throw.md
@@ -2,4 +2,4 @@
 '@backstage/canon': patch
 ---
 
-Add new DataTable component.
+Add new DataTable component and update Table component styles.
diff --git a/packages/canon/css/components.css b/packages/canon/css/components.css
index 84757e9bf0..4dae0f5d3a 100644
--- a/packages/canon/css/components.css
+++ b/packages/canon/css/components.css
@@ -121,7 +121,7 @@
 }
 
 .canon-DataTablePagination--select {
-  min-width: 168px;
+  min-width: 10.5rem;
 }
 
 .canon-Flex {
diff --git a/packages/canon/css/datatable.css b/packages/canon/css/datatable.css
index b20f7b558d..edef29f500 100644
--- a/packages/canon/css/datatable.css
+++ b/packages/canon/css/datatable.css
@@ -19,5 +19,5 @@
 }
 
 .canon-DataTablePagination--select {
-  min-width: 168px;
+  min-width: 10.5rem;
 }
diff --git a/packages/canon/css/styles.css b/packages/canon/css/styles.css
index b606ce2f20..a166a67263 100644
--- a/packages/canon/css/styles.css
+++ b/packages/canon/css/styles.css
@@ -9345,7 +9345,7 @@
 }
 
 .canon-DataTablePagination--select {
-  min-width: 168px;
+  min-width: 10.5rem;
 }
 
 .canon-Flex {
diff --git a/packages/canon/src/components/DataTable/Pagination/DataTablePagination.styles.css b/packages/canon/src/components/DataTable/Pagination/DataTablePagination.styles.css
index 42d5a847b5..02d12e73bb 100644
--- a/packages/canon/src/components/DataTable/Pagination/DataTablePagination.styles.css
+++ b/packages/canon/src/components/DataTable/Pagination/DataTablePagination.styles.css
@@ -19,5 +19,5 @@
 }
 
 .canon-DataTablePagination--select {
-  min-width: 168px;
+  min-width: 10.5rem;
 }