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>