From 432cc7ab287db0b70aa18a7ba189d3882c68e9e1 Mon Sep 17 00:00:00 2001
From: Dacian Avram <daciancatalin20@gmail.com>
Date: Mon, 24 Jul 2023 23:13:53 +0300
Subject: [PATCH] Fix loading spinner and X button not aligned

---
 shell/src/shared/molecules/NextNav/Components/NavPill.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/shell/src/shared/molecules/NextNav/Components/NavPill.svelte b/shell/src/shared/molecules/NextNav/Components/NavPill.svelte
index 290519a12..9cd5e949b 100644
--- a/shell/src/shared/molecules/NextNav/Components/NavPill.svelte
+++ b/shell/src/shared/molecules/NextNav/Components/NavPill.svelte
@@ -14,7 +14,7 @@ function clickHandler() {
 <div class="h-12 col-start-2 place-self-center">
   <div class="flex flex-row">
     <div
-      class="flex justify-center flex-shrink-0 w-24 -mr-8 rounded-l-full cursor-pointer text-primary h-11"
+      class="flex justify-center flex-shrink-0 w-24 -mr-11 rounded-l-full cursor-pointer text-primary h-11"
       class:bg-cpurple="{props && props.left}"
       role="presentation"
       on:click="{clickHandler}">
@@ -26,7 +26,7 @@ function clickHandler() {
             <div class="absolute right-0.5 w-full text-center top-1.5 text-secondary font-heading">{$unreadEventInbox.events.length}</div>
           </div>
         {:else}
-          <div class="flex flex-col self-center justify-center h-full mr-3">
+          <div class="flex flex-col self-center justify-center h-full mr-5">
             <svelte:component this="{props.left.component}" {...props.left.props} on:menuButton />
           </div>
         {/if}