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);