From b8ce20ac4c4cd59a9303d9221d28ce6d14c11c92 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Thu, 5 Nov 2020 11:58:39 +0000
Subject: [PATCH] Fix style of DND navigation

---
 .../userInterface/ComponentsHierarchyChildren.svelte        | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte b/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
index d854c9b906..9e30006d80 100644
--- a/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
+++ b/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
@@ -129,7 +129,7 @@
           ondragover="return false"
           ondragenter="return false"
           class="drop-item"
-          style="margin-left: {(level + 1) * 18}px" />
+          style="margin-left: {(level + 1) * 16}px" />
       {/if}
 
       <NavItem
@@ -160,7 +160,7 @@
           ondragover="return false"
           ondragenter="return false"
           class="drop-item"
-          style="margin-left: {(level + ($dragDropStore.dropPosition === 'inside' ? 3 : 1)) * 18}px" />
+          style="margin-left: {(level + ($dragDropStore.dropPosition === 'inside' ? 3 : 1)) * 16}px" />
       {/if}
     </li>
   {/each}
@@ -176,6 +176,6 @@
   .drop-item {
     border-radius: var(--border-radius-m);
     height: 32px;
-    background: var(--blue-light);
+    background: var(--grey-3);
   }
 </style>