From a8fab0cd022f7300ec8f65a72f7304fe258374bf Mon Sep 17 00:00:00 2001
From: mike12345567 <me@michaeldrury.co.uk>
Date: Mon, 1 Feb 2021 13:13:50 +0000
Subject: [PATCH] Fixing some styling issues.

---
 .../design/PropertiesPanel/BindingPanel.svelte     | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte b/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte
index 56bbc2d55..3129ed167 100644
--- a/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte
@@ -92,7 +92,7 @@
           <li on:click={() => addToText(helper.text)}>
             <div>
               <Label extraSmall>{helper.displayText}</Label>
-              {@html helper.description}
+              <div class="helper-description">{@html helper.description}</div>
             </div>
           </li>
         {/each}
@@ -183,4 +183,16 @@
     color: var(--red);
     text-decoration: underline;
   }
+
+  :global(.helper-description p) {
+    color: var(--grey-7);
+  }
+
+  :global(.helper-description p:hover) {
+    color: var(--ink);
+  }
+
+  :global(.helper-description p a) {
+    color: var(--grey-7);
+  }
 </style>