diff --git a/frontend/css/donors-page.less b/frontend/css/donors-page.less
index 395479c383..b32138bc26 100644
--- a/frontend/css/donors-page.less
+++ b/frontend/css/donors-page.less
@@ -36,7 +36,7 @@
       display: flex;
       color: #6b7280;
       gap: 10px;
-      align-items: center;
+      align-items: baseline;
     }
   }
 
diff --git a/frontend/js/src/donors/Donors.tsx b/frontend/js/src/donors/Donors.tsx
index 665f58cbdd..726aa7ba3f 100644
--- a/frontend/js/src/donors/Donors.tsx
+++ b/frontend/js/src/donors/Donors.tsx
@@ -109,10 +109,10 @@ function Donors() {
               </div>
               <div className="donation-date">
                 <FontAwesomeIcon icon={faCalendar} />
-                <p>
+                <span>
                   Donation Date:{" "}
                   {new Date(donor.donated_at).toLocaleDateString()}
-                </p>
+                </span>
               </div>
             </div>
             <div className="donor-stats">