diff --git a/app/views/members/new.js.erb b/app/views/members/new.js.erb
index 28de506467..5b35c23c7a 100644
--- a/app/views/members/new.js.erb
+++ b/app/views/members/new.js.erb
@@ -31,9 +31,9 @@ function addMember({ userId, userName }) {
   const selectedMembers = $('#principals_for_selected_member')
   const cancelButton = `
       <button onclick="cancelSelect(this); return false;" class="cancel-button">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <line x1="12" y1="4" x2="4" y2="12"></line>
-          <line x1="4" y1="4" x2="12" y2="12"></line>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <line x1="9" y1="3" x2="3" y2="9"></line>
+          <line x1="3" y1="3" x2="9" y2="9"></line>
         </svg>
       </button>
       `