diff --git a/client/src/components/Header.tsx b/client/src/components/Header.tsx
index 2c6afb4..6465e63 100644
--- a/client/src/components/Header.tsx
+++ b/client/src/components/Header.tsx
@@ -145,19 +145,23 @@ const DonateButton: React.FC<{ onClick?: () => void }> = ({ onClick }) => {
         className="modal"
         overlayClassName="overlay"
       >
-        <h2 className="text-2xl font-bold text-[#8C1D40] mb-4">Donate to MCDi</h2>
-        <iframe
-          src="https://www.zeffy.com/embed/donation-form/1cbff18e-c057-4fa6-8276-a993037de0bb"
-          width="100%"
-          height="600px"
-          frameBorder="0"
-        ></iframe>
-        <button
-          onClick={closeModal}
-          className="mt-4 bg-[#8C1D40] text-white font-bold py-2 px-4 rounded"
-        >
-          Close
-        </button>
+        <div className="h-full flex flex-col">
+          <h2 className="text-2xl font-bold text-[#8C1D40] mb-4">Donate to MCDi</h2>
+          <div className="flex-grow overflow-y-auto">
+            <iframe
+              src="https://www.zeffy.com/embed/donation-form/1cbff18e-c057-4fa6-8276-a993037de0bb"
+              width="100%"
+              height="100%"
+              frameBorder="0"
+            ></iframe>
+          </div>
+          <button
+            onClick={closeModal}
+            className="mt-4 bg-[#8C1D40] text-white font-bold py-2 px-4 rounded"
+          >
+            Close
+          </button>
+        </div>
       </Modal>
     </motion.div>
   );