From 8d4c48b3f142dcfe290a2ecdcfd66fe2b64cde64 Mon Sep 17 00:00:00 2001 From: samarthsinh2660 Date: Tue, 20 Jan 2026 11:51:39 +0530 Subject: [PATCH] fix(catalog): add vertical spacing between tags in catalog table Fixes issue where tags in the component list had no vertical margin, causing borders to overlap when tags wrap to multiple lines. Changed marginBottom: '0px' to margin: '2px' for consistent spacing. Fixes #31229 Signed-off-by: samarthsinh2660 --- .changeset/fix-catalog-tags-spacing.md | 5 +++++ plugins/catalog/src/components/CatalogTable/columns.tsx | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/fix-catalog-tags-spacing.md diff --git a/.changeset/fix-catalog-tags-spacing.md b/.changeset/fix-catalog-tags-spacing.md new file mode 100644 index 0000000000..6e2540fa0b --- /dev/null +++ b/.changeset/fix-catalog-tags-spacing.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-catalog': patch +--- + +Fixed vertical spacing between tags in the catalog table. Tags now have consistent 2px margin to prevent border overlap when wrapped to multiple lines. diff --git a/plugins/catalog/src/components/CatalogTable/columns.tsx b/plugins/catalog/src/components/CatalogTable/columns.tsx index 65094bc568..d2216149cd 100644 --- a/plugins/catalog/src/components/CatalogTable/columns.tsx +++ b/plugins/catalog/src/components/CatalogTable/columns.tsx @@ -174,7 +174,7 @@ export const columnFactories = Object.freeze({ label={t} size="small" variant="outlined" - style={{ marginBottom: '0px' }} + style={{ margin: '2px' }} /> ))}