Reduce space between users and add secondary placeholder

packages/builder/src/pages/builder/portal/overview/_components/AssignmentModal.svelte

@@ -3,6 +3,7 @@
     ModalContent,
     PickerDropdown,
     ActionButton,
+    Layout,
     notifications,
   } from "@budibase/bbui"
   import { roles } from "stores/backend"
@@ -78,23 +79,26 @@
   onConfirm={() => addData(appData)}
   showCloseIcon={false}
 >
-  {#each appData as input, index}
-    <PickerDropdown
-      autocomplete
-      primaryOptions={optionSections}
-      secondaryOptions={$roles}
-      bind:primaryValue={input.id}
-      bind:secondaryValue={input.role}
-      bind:searchTerm={search}
-      getPrimaryOptionLabel={group => group.name}
-      getPrimaryOptionValue={group => group.name}
-      getPrimaryOptionIcon={group => group.icon}
-      getPrimaryOptionColour={group => group.colour}
-      getSecondaryOptionLabel={role => role.name}
-      getSecondaryOptionValue={role => role._id}
-      getSecondaryOptionColour={role => RoleUtils.getRoleColour(role._id)}
-    />
-  {/each}
+  <Layout noPadding gap="XS">
+    {#each appData as input, index}
+      <PickerDropdown
+        autocomplete
+        primaryOptions={optionSections}
+        secondaryOptions={$roles}
+        secondaryPlaceholder="Access"
+        bind:primaryValue={input.id}
+        bind:secondaryValue={input.role}
+        bind:searchTerm={search}
+        getPrimaryOptionLabel={group => group.name}
+        getPrimaryOptionValue={group => group.name}
+        getPrimaryOptionIcon={group => group.icon}
+        getPrimaryOptionColour={group => group.colour}
+        getSecondaryOptionLabel={role => role.name}
+        getSecondaryOptionValue={role => role._id}
+        getSecondaryOptionColour={role => RoleUtils.getRoleColour(role._id)}
+      />
+    {/each}
+  </Layout>
   <div>
     <ActionButton on:click={addNewInput} icon="Add">Add email</ActionButton>
   </div>