diff --git a/web/src/components/donate/DonateOptionsCard.svelte b/web/src/components/donate/DonateOptionsCard.svelte
index d4557a0f..2bfc36f3 100644
--- a/web/src/components/donate/DonateOptionsCard.svelte
+++ b/web/src/components/donate/DonateOptionsCard.svelte
@@ -169,7 +169,12 @@
         <div
             id="donation-options"
             bind:this={donateList}
-            on:scroll={(e) => {}}
+            on:wheel={() => {
+                const currentPos = donateList.scrollLeft;
+                const maxPos = donateList.scrollWidth - donateList.getBoundingClientRect().width;
+                showLeftScroll = currentPos > 0;
+                showRightScroll = currentPos < maxPos && currentPos !== maxPos;
+            }}
         >
             {#each Object.entries(PRESET_DONATION_AMOUNTS) as [amount, component]}
                 <DonationOption