diff --git a/frontend/src/components/Dashboard/ClusterName.tsx b/frontend/src/components/Dashboard/ClusterName.tsx
index 70bcc9b76..9a8290d5d 100644
--- a/frontend/src/components/Dashboard/ClusterName.tsx
+++ b/frontend/src/components/Dashboard/ClusterName.tsx
@@ -9,7 +9,11 @@ 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" 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>