diff --git a/assets/css/codeberg-docs.css b/assets/css/codeberg-docs.css
index ff0caab..bbe2a4c 100644
--- a/assets/css/codeberg-docs.css
+++ b/assets/css/codeberg-docs.css
@@ -242,3 +242,17 @@ a.show-on-focus:focus {
 [data-bs-theme='light'] .navbar-brand img {
   content: url(https://design.codeberg.org/logo-kit/icon.svg);
 }
+
+.alert-heading {
+  margin-bottom: 0.5rem;
+}
+
+/* fix bottom margin in admonitions and cards */
+
+.alert p:not(ul p):nth-last-child(2),
+.alert p:not(ul p):last-child,
+.alert li:last-child p,
+.alert ul:last-child,
+.card-text p:last-child {
+  margin-bottom: 0;
+}
diff --git a/content/improving-codeberg/donate.md b/content/improving-codeberg/donate.md
index 6298ba4..04a62d2 100644
--- a/content/improving-codeberg/donate.md
+++ b/content/improving-codeberg/donate.md
@@ -11,7 +11,7 @@ develop new features and sustain the Free Software ecosystem around.
 
 ## How to Donate
 
-<div class="card">
+<div class="card mb-2">
   <div class="card-body">
     <h5 class="card-title">Liberapay</h5>
      <p class="card-text">
@@ -23,7 +23,7 @@ develop new features and sustain the Free Software ecosystem around.
      </p>
   </div>
 </div>
-<div class="card">
+<div class="card mb-2">
   <div class="card-body">
    <h5 class="card-title">SEPA wire transfer</h5>
     <p class="card-text">