From 509ada35fca6a18681e122b75b13c1cbf586e6d8 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Fri, 21 May 2021 13:55:17 +0100
Subject: [PATCH] Fix styles of tag renderer to make it readable but remove
 hover state

---
 .../_components/TagsTableRenderer.svelte      | 33 +++++++++++++------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/packages/builder/src/pages/builder/portal/manage/users/_components/TagsTableRenderer.svelte b/packages/builder/src/pages/builder/portal/manage/users/_components/TagsTableRenderer.svelte
index b83a46fe2e..eab0ccd19c 100644
--- a/packages/builder/src/pages/builder/portal/manage/users/_components/TagsTableRenderer.svelte
+++ b/packages/builder/src/pages/builder/portal/manage/users/_components/TagsTableRenderer.svelte
@@ -9,13 +9,26 @@
   $: leftover = roles.length - tags.length
 </script>
 
-<Tags>
-  {#each tags as tag}
-    <Tag disabled>
-      {tag}
-    </Tag>
-  {/each}
-  {#if leftover}
-    <Tag>+{leftover} more</Tag>
-  {/if}
-</Tags>
+<div class="tag-renderer">
+  <Tags>
+    {#each tags as tag}
+      <Tag>
+        {tag}
+      </Tag>
+    {/each}
+    {#if leftover}
+      <Tag>+{leftover} more</Tag>
+    {/if}
+  </Tags>
+</div>
+
+<style>
+  .tag-renderer :global(.spectrum-Tags-item:hover) {
+    color: var(--spectrum-alias-label-text-color);
+    border-color: var(--spectrum-alias-border-color-darker-default);
+    cursor: pointer;
+  }
+  .tag-renderer :global(.spectrum-Tags-itemLabel) {
+    cursor: pointer;
+  }
+</style>