diff --git a/packages/builder/src/components/integration/rest/AuthPicker.svelte b/packages/builder/src/components/integration/rest/AuthPicker.svelte
index 58e54d7369..50dddf879b 100644
--- a/packages/builder/src/components/integration/rest/AuthPicker.svelte
+++ b/packages/builder/src/components/integration/rest/AuthPicker.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import {
     ActionButton,
+    ActionGroup,
     ActionMenu,
     Body,
     Button,
@@ -55,10 +56,18 @@
     </div>
   </Layout>
   <Divider />
-  <Layout>
+  <Layout gap="S">
     <Body size="S" color="var(--spectrum-global-color-gray-700)">
       Basic (Username & Password Authentication)
     </Body>
+
+    <div class="auth-options">
+      <ActionGroup vertical compact>
+        {#each authConfigs as config}
+          <ActionButton>{config.label}</ActionButton>
+        {/each}
+      </ActionGroup>
+    </div>
     <div>
       <Button secondary icon="Add" on:click={addBasicConfiguration}
         >Add Basic</Button
@@ -73,4 +82,13 @@
     display: flex;
     justify-content: space-between;
   }
+
+  .auth-options :global(.spectrum-ActionGroup) {
+    width: 100%;
+  }
+  .auth-options :global(.spectrum-ActionButton) {
+    justify-content: start;
+    cursor: pointer;
+    pointer-events: auto;
+  }
 </style>
