From 06839700a284950b86d0556a7e18bd9d92fa9597 Mon Sep 17 00:00:00 2001
From: mike12345567 <me@michaeldrury.co.uk>
Date: Wed, 24 Feb 2021 15:34:31 +0000
Subject: [PATCH] Fixing some CSS bugs in the automation bindings popover.

---
 .../automation/SetupPanel/GenericBindingPopover.svelte | 10 +++++++++-
 .../builder/src/components/common/BindableInput.svelte |  3 ++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte b/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
index e6818518ad..06013cfea2 100644
--- a/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
+++ b/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
@@ -143,10 +143,18 @@
     margin-top: 0;
   }
   .bindings__wrapper {
-    overflow-y: auto;
+    overflow-y: scroll;
+    overflow-x: hidden;
     position: relative;
     flex: 1 1 auto;
+    -ms-overflow-style: none;
   }
+
+  .bindings__wrapper::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+  }
+
   .bindings__list {
     position: absolute;
     width: 100%;
diff --git a/packages/builder/src/components/common/BindableInput.svelte b/packages/builder/src/components/common/BindableInput.svelte
index 6234e3e046..a8df019869 100644
--- a/packages/builder/src/components/common/BindableInput.svelte
+++ b/packages/builder/src/components/common/BindableInput.svelte
@@ -24,7 +24,7 @@
 <div class="container" bind:this={anchor}>
   <Input {...inputProps} bind:value />
   <div class="icon" on:click={popover.show}>
-    <Icon name="edit" />
+    <Icon name="lightning" />
   </div>
 </div>
 <GenericBindingPopover
@@ -54,6 +54,7 @@
     border-bottom-right-radius: var(--border-radius-m);
     color: var(--grey-7);
     font-size: 16px;
+    margin-top: 20px;
   }
   .icon:hover {
     color: var(--ink);