diff --git a/web/pages/charity/[...slugs]/index.tsx b/web/pages/charity/[...slugs]/index.tsx
index ba54e7f8..392a525f 100644
--- a/web/pages/charity/[...slugs]/index.tsx
+++ b/web/pages/charity/[...slugs]/index.tsx
@@ -9,9 +9,11 @@ import { BuyAmountInput } from '../../../components/amount-input'
 import { Spacer } from '../../../components/layout/spacer'
 import { User } from '../../../../common/user'
 import { useUser } from '../../../hooks/use-user'
-import { manaTo$ } from '../misc'
 import { Linkify } from '../../../components/linkify'
 
+const manaToUSD = (mana: number) =>
+  (mana / 100).toLocaleString('en-US', { style: 'currency', currency: 'USD' })
+
 // TODO: replace with props
 const data: Charity = {
   name: 'QRI',
@@ -86,10 +88,12 @@ function Details(props: { userDonated?: number; numSupporters: number }) {
   const { raised, website } = data
   return (
     <Col className="gap-1 text-right">
-      <div className="text-primary mb-2 text-4xl">{manaTo$(raised)} raised</div>
+      <div className="text-primary mb-2 text-4xl">
+        {manaToUSD(raised)} raised
+      </div>
       {userDonated && (
         <div className="text-primary text-xl">
-          {manaTo$(userDonated)} from you!
+          {manaToUSD(userDonated)} from you!
         </div>
       )}
       {numSupporters > 0 && (
@@ -142,7 +146,7 @@ function DonationBox(props: { user?: User | null }) {
             <span>
               {amount || 0} Mana
               <span className="mx-2">→</span>
-              {manaTo$(amount || 0)}
+              {manaToUSD(amount || 0)}
             </span>
           </Row>
           {/* TODO: matching pool */}
diff --git a/web/pages/charity/misc.ts b/web/pages/charity/misc.ts
deleted file mode 100644
index 726ab00b..00000000
--- a/web/pages/charity/misc.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export const manaTo$ = (mana: number) =>
-  (mana / 100).toLocaleString('en-US', { style: 'currency', currency: 'USD' })