diff --git a/client/src/components/Donation/Donation.css b/client/src/components/Donation/Donation.css
index 9ff7590e5b..e5f22b5563 100644
--- a/client/src/components/Donation/Donation.css
+++ b/client/src/components/Donation/Donation.css
@@ -153,3 +153,9 @@ li.disabled > a {
   border: 2px solid var(--gray-15) !important;
   color: var(--gray-15) !important;
 }
+
+.donate-text p,
+.donation-description,
+[name='payment-method'] {
+  font-family: 'Lato', sans-serif;
+}
diff --git a/client/src/components/Donation/components/DonateForm.js b/client/src/components/Donation/components/DonateForm.js
index f00c2c58db..fad11f1611 100644
--- a/client/src/components/Donation/components/DonateForm.js
+++ b/client/src/components/Donation/components/DonateForm.js
@@ -184,7 +184,7 @@ class DonateForm extends Component {
                   {this.renderAmountButtons(duration)}
                 </ToggleButtonGroup>
                 <Spacer />
-                <p>
+                <p className='donation-description'>
                   {`Your `}
                   {this.getFormatedAmountLabel(donationAmount)}
                   {` donation will provide `}
diff --git a/client/src/components/Donation/components/DonateText.js b/client/src/components/Donation/components/DonateText.js
index 9e54c8e24f..7e4aa8211f 100644
--- a/client/src/components/Donation/components/DonateText.js
+++ b/client/src/components/Donation/components/DonateText.js
@@ -3,7 +3,7 @@ import { Row, Col } from '@freecodecamp/react-bootstrap';
 
 const DonateText = () => {
   return (
-    <Row>
+    <Row className='donate-text'>
       <Col sm={10} smOffset={1} xs={12}>
         <p>freeCodeCamp is a highly efficient education nonprofit.</p>
         <p>