From 8dc7c98b6e705687be31d028f8bb134cf392d5be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Fri, 23 Apr 2021 11:18:34 +0200
Subject: [PATCH] update NavItem

---
 packages/builder/src/components/common/NavItem.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/builder/src/components/common/NavItem.svelte b/packages/builder/src/components/common/NavItem.svelte
index c68e86590e..7cc3ba7fde 100644
--- a/packages/builder/src/components/common/NavItem.svelte
+++ b/packages/builder/src/components/common/NavItem.svelte
@@ -1,4 +1,6 @@
 <script>
+  import { Icon } from "@budibase/bbui"
+
   export let icon
   export let withArrow = false
   export let withActions = true
@@ -22,11 +24,12 @@
   on:drop
   on:click
   ondragover="return false"
-  ondragenter="return false">
+  ondragenter="return false"
+>
   <div class="content">
     {#if withArrow}
       <div class:opened class="icon arrow">
-        <i class="ri-arrow-right-s-line" />
+        <Icon s name="ChevronRight" />
       </div>
     {/if}
 
@@ -51,9 +54,6 @@
     transition: background-color
       var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
   }
-  .nav-item.border {
-    /*border-top: 1px solid var(--grey-2);*/
-  }
   .nav-item.selected {
     background-color: var(--grey-2);
     color: var(--ink);