diff --git a/index.html b/index.html
index 99ab7e51d..a0034afd2 100644
--- a/index.html
+++ b/index.html
@@ -788,6 +788,7 @@
 .donate-books-section p{
   padding: 1rem;
   text-align: justify;
+  margin-bottom: 2rem;
 }
 .donate-books-section img {
     border-top-left-radius: 2.5rem;
@@ -4685,7 +4686,7 @@ <h1 style="font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', '
           <div class="card-body">
               <h3 class="card-sty" style="text-align: center;">Library</h3>
               <p class="card-text" style="font-style: italic;">Donate your books to local libraries and help foster a love for reading in your community.</p>
-              <div class="button-container" style="text-align: center; margin-top: 1rem; margin-bottom: 1rem; ">
+              <div class="button-container" style="text-align: center; margin-top: 5rem;">
                   <a href="./assets/html/donate.html" class="donate-button">Donate to Libraries</a>
               </div>
           </div>
@@ -4695,7 +4696,7 @@ <h3 class="card-sty" style="text-align: center;">Library</h3>
           <div class="card-body">
               <h3 class="card-sty" style="text-align: center;">Schools</h3>
               <p class="card-text" style="font-style: italic;">Support children's education by donating books to nearby schools for students of all ages.</p>
-              <div class="button-container" style="text-align: center; margin-top: 1rem;">
+              <div class="button-container" style="text-align: center; margin-top: 5rem;">
                   <a href="./assets/html/school.html" class="donate-button">Donate to Schools</a>
               </div>
           </div>
@@ -4705,7 +4706,7 @@ <h3 class="card-sty" style="text-align: center;">Schools</h3>
           <div class="card-body">
               <h3 class="card-sty" style="text-align: center;">Organizations</h3>
               <p class="card-text" style="font-style: italic;">Help NGOs and other organizations by donating books to support their educational programs.</p>
-              <div class="button-container" style="text-align: center; margin-top: 1rem;">
+              <div class="button-container" style="text-align: center; margin-top: 5rem;">
                   <a href="./assets/html/ngo.html" class="donate-button">Donate to Organizations</a>
               </div>
           </div>