diff --git a/Donation.html b/Donation.html
index 22546df8..84a08500 100644
--- a/Donation.html
+++ b/Donation.html
@@ -93,20 +93,34 @@
             display: flex;
             justify-content: space-between;
             margin-bottom: 0px;
+            gap: 5px;
         }
 
-        #donorName{
-            width: 48%;
-        }
-
+        #donorName,
         #amount {
-            width: 50%;
+            flex: 1;
+            min-width: 45%;
         }
 
         #email {
             width: 100%;
         }
 
+        @media (max-width: 992px) and (min-width: 600px) {
+            #donorName,
+            #amount {
+                width: 45%; 
+            }
+        }
+        @media (max-width: 600px) {
+            .form-row {
+                flex-direction: column;
+            }
+            #donorName, #amount {
+                width: 100%;
+            }
+        }
+
         input, select {
             padding: 2vh; 
             margin-bottom: 10px;
diff --git a/about.html b/about.html
index c64b52e0..9330b3a8 100644
--- a/about.html
+++ b/about.html
@@ -612,7 +612,7 @@
             </a>
           </li>
           <li>
-            <a href="donate.html" class="navbar-link" data-nav-link>
+            <a href="./Donation.html" class="navbar-link" data-nav-link>
               <span>Donate</span>
               <ion-icon name="chevron-forward-outline" aria-hidden="true"></ion-icon>
             </a>