From e073aaa9ac6ba915a29f2b4502198463a61bc2dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fredrik=20Adel=C3=B6w?= <freben@spotify.com>
Date: Thu, 19 Mar 2026 10:14:13 +0100
Subject: [PATCH] Add gap between title text and loading spinner
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Signed-off-by: Fredrik Adelöw <freben@spotify.com>
---
 .../catalog/src/components/CatalogTable/CatalogTable.tsx    | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx b/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx
index 9a667c76be..093c92c1a0 100644
--- a/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx
+++ b/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx
@@ -203,8 +203,10 @@ export const CatalogTable = (props: CatalogTableProps) => {
       .join(' ');
   const title =
     loading && !isLoading ? (
-      <span style={{ display: 'inline-flex', alignItems: 'center' }}>
-        {titleText}{' '}
+      <span
+        style={{ display: 'inline-flex', alignItems: 'center', gap: '0.5em' }}
+      >
+        {titleText}
         <CircularProgress size="0.8em" data-testid="loading-indicator" />
       </span>
     ) : (