From cc5a1be2a891f264e5b5c1e91b0fae0095b52e12 Mon Sep 17 00:00:00 2001
From: Gerard Burns <gjburns9@hotmail.com>
Date: Mon, 21 Aug 2023 07:40:45 +0100
Subject: [PATCH] screen list alignment

---
 .../_components/LeftPanel/Screens/index.svelte           | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/LeftPanel/Screens/index.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/LeftPanel/Screens/index.svelte
index 3011579c63..07f4ffccaf 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/LeftPanel/Screens/index.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/LeftPanel/Screens/index.svelte
@@ -97,7 +97,9 @@
         selectedBy={$userSelectedResourceMap[screen._id]}
       >
         <DropdownMenu screenId={screen._id} />
-        <RoleIndicator slot="icon" roleId={screen.routing.roleId} />
+        <div slot="icon" class="icon">
+          <RoleIndicator roleId={screen.routing.roleId} />
+        </div>
       </NavItem>
     {/each}
   </div>
@@ -230,4 +232,9 @@
   .closeButton {
     transform: rotate(45deg);
   }
+
+  .icon {
+    margin-left: 4px;
+    margin-right: 4px;
+  }
 </style>