diff --git a/packages/ia-userlist-settings/src/ia-user-list-settings.ts b/packages/ia-userlist-settings/src/ia-user-list-settings.ts
index bd8aec2ee..1e7d7505c 100644
--- a/packages/ia-userlist-settings/src/ia-user-list-settings.ts
+++ b/packages/ia-userlist-settings/src/ia-user-list-settings.ts
@@ -40,6 +40,8 @@ export class IAUserListSettings extends LitElement {
 
   private async saveListDetails(event: Event) {
     event.preventDefault();
+    const submitButton = (event.target as HTMLElement)?.querySelector('button#save-list-settings');
+    submitButton?.setAttribute('disabled', 'true');
 
     try {
       const userListData: UserListOptions = {
@@ -71,11 +73,13 @@ export class IAUserListSettings extends LitElement {
         })
       );
       console.log('error', error);
+      submitButton?.removeAttribute('disabled');
     }
   }
 
-  private emitCloseModalEvent() {
-    this.dispatchEvent(new CustomEvent('listModalClosed'));
+  private emitCloseModalEvent(e: Event) {
+    e.preventDefault();
+    this.dispatchEvent(new Event('listModalClosed'));
   }
 
   render() {
@@ -116,7 +120,7 @@ export class IAUserListSettings extends LitElement {
             >
               Cancel
             </button>
-            <button type="submit" class="ia-button primary">Save</button>
+            <button type="submit" id="save-list-settings" class="ia-button primary">Save</button>
           </div>
         </form>
       </section>