X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/4b961d16b8f8ef8afbd13697a79fe4684acd0416..a48138fa7227595bba0db267a4c37832cba9afa2:/src/views-components/data-explorer/renderers.tsx?ds=inline

diff --git a/src/views-components/data-explorer/renderers.tsx b/src/views-components/data-explorer/renderers.tsx
index bf504f2b..cc311248 100644
--- a/src/views-components/data-explorer/renderers.tsx
+++ b/src/views-components/data-explorer/renderers.tsx
@@ -239,12 +239,12 @@ export const ResourceCluster = (props: { uuid: string }) => {
     const clusterId = pos >= CLUSTER_ID_LENGTH ? props.uuid.substr(0, pos) : '';
     const ci = pos >= CLUSTER_ID_LENGTH ? (props.uuid.charCodeAt(0) + props.uuid.charCodeAt(1)) % clusterColors.length : 0;
     return <Typography>
-        <div style={{
+        <span style={{
             backgroundColor: clusterColors[ci][0],
             color: clusterColors[ci][1],
             padding: "2px 7px",
             borderRadius: 3
-        }}>{clusterId}</div>
+        }}>{clusterId}</span>
     </Typography>;
 };