From 006cae56ab9c568f0dd35dbc201d2d4bd78ecf3a Mon Sep 17 00:00:00 2001
From: mike12345567 <me@michaeldrury.co.uk>
Date: Mon, 1 Feb 2021 13:20:39 +0000
Subject: [PATCH] Updating global selectors to be specific to component.

---
 .../components/design/PropertiesPanel/BindingPanel.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte b/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte
index 3129ed1671..1f57d77fcc 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>
-              <div class="helper-description">{@html helper.description}</div>
+              <div class="description">{@html helper.description}</div>
             </div>
           </li>
         {/each}
@@ -184,15 +184,15 @@
     text-decoration: underline;
   }
 
-  :global(.helper-description p) {
+  .description :global(p) {
     color: var(--grey-7);
   }
 
-  :global(.helper-description p:hover) {
+  .description :global(p:hover) {
     color: var(--ink);
   }
 
-  :global(.helper-description p a) {
+  .description :global(p a) {
     color: var(--grey-7);
   }
 </style>