diff --git a/src/components/donations/AddDonationModal.svelte b/src/components/donations/AddDonationModal.svelte
index 39b38fd3..3d6e5449 100644
--- a/src/components/donations/AddDonationModal.svelte
+++ b/src/components/donations/AddDonationModal.svelte
@@ -11,9 +11,8 @@
   import Toastify from "toastify-js";
   export let modal_open;
   export let current_donations;
-  const getOptionLabel = (option) =>
+  const getDonorLabel = (option) =>
     option.firstname + " " + (option.middlename || "") + " " + option.lastname;
-  const getSelectionLabel = getOptionLabel;
   function focus(el) {
     el.focus();
   }
@@ -209,26 +208,14 @@
                   <label
                     for="donor"
                     class="block text-sm font-medium text-gray-700">{$_('donor')}</label>
-                  <Select
-                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
-                    {getSelectionLabel}
-                    {getOptionLabel}
-                    items={donors}
-                    showChevron={true}
-                    placeholder="Search for donor..."
-                    on:select={(selected) => (donor = selected.detail.id)} />
-
-                  <!-- <select
-                    bind:value={donor}
-                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2">
-                    {#each donors as d}
-                      <option value={d.id}>
-                        {d.firstname}
-                        {d.middlename || ''}
-                        {d.lastname}
-                      </option>
-                    {/each}
-                  </select> -->
+                    <Select
+                      containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+                      getSelectionLabel= {(option) => (getDonorLabel(option))}
+                      getOptionLabel= {(option) => (getDonorLabel(option))}
+                      items={donors}
+                      showChevron={true}
+                      placeholder="Search for donor..."
+                      on:select={(selected) => (donor = selected.detail.id)} />
                 </div>
                 {#if !is_fixed}
                   <div class="col-span-6">