diff --git a/packages/ui/src/components/footer/index.tsx b/packages/ui/src/components/footer/index.tsx
index 6e30f4a89f..044017765e 100644
--- a/packages/ui/src/components/footer/index.tsx
+++ b/packages/ui/src/components/footer/index.tsx
@@ -63,7 +63,12 @@ const Footer: FC<{ className?: string }> = ({ className }) => {
             <div>
               <p className="footer__donate--excerpt">{t('common:donateExcerpt')}</p>
               <a href={donateLink.url} target="_blank" rel="noreferrer">
-                <Button className="footer__donate-button" variant="contained" color="primary">
+                <Button
+                  className="footer__donate-button"
+                  variant="contained"
+                  color="primary"
+                  sx={{ color: '#000' }}
+                >
                   {t('common:donate')}
                 </Button>
               </a>