diff --git a/src/components/donations/AddDonationModal.svelte b/src/components/donations/AddDonationModal.svelte
index 84f3350f..091cd8fb 100644
--- a/src/components/donations/AddDonationModal.svelte
+++ b/src/components/donations/AddDonationModal.svelte
@@ -241,9 +241,9 @@
                   <div class="mt-1 flex rounded-md shadow-sm">
                     <input
                       autocomplete="off"
-                      class:border-red-500={is_amount_valid}
-                      class:focus:border-red-500={is_amount_valid}
-                      class:focus:ring-red-500={is_amount_valid}
+                      class:border-red-500={!is_amount_valid}
+                      class:focus:border-red-500={!is_amount_valid}
+                      class:focus:ring-red-500={!is_amount_valid}
                       bind:value={amount_input}
                       type="number"
                       step="0.01"
diff --git a/src/components/donations/DonationDetail.svelte b/src/components/donations/DonationDetail.svelte
index f65085c4..cb173d17 100644
--- a/src/components/donations/DonationDetail.svelte
+++ b/src/components/donations/DonationDetail.svelte
@@ -240,9 +240,9 @@
       <div class="mt-1 flex rounded-md shadow-sm">
         <input
           autocomplete="off"
-          class:border-red-500={is_amount_valid}
-          class:focus:border-red-500={is_amount_valid}
-          class:focus:ring-red-500={is_amount_valid}
+          class:border-red-500={!is_amount_valid}
+          class:focus:border-red-500={!is_amount_valid}
+          class:focus:ring-red-500={!is_amount_valid}
           bind:value={amount_input}
           type="number"
           step="0.01"