From 6feb22a082c409bb53524e3235c33906641df808 Mon Sep 17 00:00:00 2001
From: Trevor North <trevor@freedisc.co.uk>
Date: Fri, 31 Oct 2025 13:12:53 +0000
Subject: [PATCH 1/2] Add whitespace after readonly cluster name tag

---
 frontend/src/components/Dashboard/ClusterName.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Dashboard/ClusterName.tsx b/frontend/src/components/Dashboard/ClusterName.tsx
index 70bcc9b76..09e5a9489 100644
--- a/frontend/src/components/Dashboard/ClusterName.tsx
+++ b/frontend/src/components/Dashboard/ClusterName.tsx
@@ -9,7 +9,12 @@ const ClusterName: React.FC<ClusterNameProps> = ({ row }) => {
   const { readOnly, name } = row.original;
   return (
     <div style={{ wordBreak: 'break-word', whiteSpace: 'pre-wrap' }}>
-      {readOnly && <Tag color="blue">readonly</Tag>}
+      {readOnly && (
+        <>
+          <Tag color="blue">readonly</Tag>
+          &nbsp;
+        </>
+      )}
       {name}
     </div>
   );

From dce0474d538c21e470d30712971c413e0fbaa331 Mon Sep 17 00:00:00 2001
From: Trevor North <trevor@bugsnag.com>
Date: Fri, 7 Nov 2025 17:39:11 +0000
Subject: [PATCH 2/2] Set a right margin instead of using a non-breaking space

---
 frontend/src/components/Dashboard/ClusterName.tsx      | 7 +++----
 frontend/src/components/Topics/List/TopicTitleCell.tsx | 7 +++----
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/Dashboard/ClusterName.tsx b/frontend/src/components/Dashboard/ClusterName.tsx
index 09e5a9489..9a8290d5d 100644
--- a/frontend/src/components/Dashboard/ClusterName.tsx
+++ b/frontend/src/components/Dashboard/ClusterName.tsx
@@ -10,10 +10,9 @@ const ClusterName: React.FC<ClusterNameProps> = ({ row }) => {
   return (
     <div style={{ wordBreak: 'break-word', whiteSpace: 'pre-wrap' }}>
       {readOnly && (
-        <>
-          <Tag color="blue">readonly</Tag>
-          &nbsp;
-        </>
+        <Tag color="blue" style={{ marginRight: '0.75em' }}>
+          readonly
+        </Tag>
       )}
       {name}
     </div>
diff --git a/frontend/src/components/Topics/List/TopicTitleCell.tsx b/frontend/src/components/Topics/List/TopicTitleCell.tsx
index 59ef6c53a..6488751b1 100644
--- a/frontend/src/components/Topics/List/TopicTitleCell.tsx
+++ b/frontend/src/components/Topics/List/TopicTitleCell.tsx
@@ -15,10 +15,9 @@ export const TopicTitleCell: React.FC<CellContext<Topic, unknown>> = ({
       style={{ wordBreak: 'break-word', whiteSpace: 'pre-wrap' }}
     >
       {internal && (
-        <>
-          <Tag color="gray">IN</Tag>
-          &nbsp;
-        </>
+        <Tag color="gray" style={{ marginRight: '0.75em' }}>
+          IN
+        </Tag>
       )}
       {name}
     </NavLink>