From 868253b74fb55b8becc409e1af70266ff98be35f Mon Sep 17 00:00:00 2001
From: Gerard Burns <gjburns9@hotmail.com>
Date: Tue, 28 Nov 2023 10:59:04 +0000
Subject: [PATCH] fix nav items

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

diff --git a/packages/builder/src/components/common/NavItem.svelte b/packages/builder/src/components/common/NavItem.svelte
index e325c27711..680bfeb641 100644
--- a/packages/builder/src/components/common/NavItem.svelte
+++ b/packages/builder/src/components/common/NavItem.svelte
@@ -78,7 +78,7 @@
   {style}
   {draggable}
 >
-  <div class="nav-item-content" bind:this={contentRef}>
+  <div class="nav-item-content" bind:this={contentRef} class:right={rightAlignIcon}>
     {#if withArrow}
       <div
         class:opened
@@ -166,12 +166,16 @@
     justify-content: flex-start;
     align-items: center;
     gap: var(--spacing-xs);
-    width: 100%;
+    width: max-content;
     position: relative;
     padding-left: var(--spacing-l);
     box-sizing: border-box;
   }
 
+  .nav-item-content.right {
+    width: 100%;
+  }
+
   /* Needed to fully display the actions icon */
   .nav-item.scrollable .nav-item-content {
     padding-right: 1px;