diff --git a/ts/components/PreferencesDonations.dom.tsx b/ts/components/PreferencesDonations.dom.tsx
index 9e09398dbc..2bca76f358 100644
--- a/ts/components/PreferencesDonations.dom.tsx
+++ b/ts/components/PreferencesDonations.dom.tsx
@@ -364,14 +364,18 @@ function PreferencesReceiptList({
     [donationReceipts]
   );
 
-  const receiptsByYear = useMemo(() => {
+  const receiptsByYearEntries = useMemo(() => {
     const sortedReceipts = sortBy(
       donationReceipts,
       receipt => -receipt.timestamp
     );
-    return groupBy(sortedReceipts, receipt =>
+    const yearToReceipts = groupBy(sortedReceipts, receipt =>
       new Date(receipt.timestamp).getFullYear()
     );
+
+    return Object.entries(yearToReceipts).sort(
+      ([yearA], [yearB]) => parseInt(yearB, 10) - parseInt(yearA, 10)
+    );
   }, [donationReceipts]);
 
   const handleDownloadReceipt = useCallback(async () => {
@@ -428,7 +432,7 @@ function PreferencesReceiptList({
             </div>
           </div>
 
-          {Object.entries(receiptsByYear).map(([year, receipts]) => (
+          {receiptsByYearEntries.map(([year, receipts]) => (
             <div
               key={year}
               className="PreferencesDonations--receiptList-yearContainer"