diff --git a/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css b/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css
index dfcb8c97..51e49703 100644
--- a/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css
+++ b/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css
@@ -72,14 +72,15 @@
         border: 1px solid var(--bs-border-color);
         border-left-width: 0.25rem;
         border-radius: 0.25rem;
+        margin-bottom: 1rem;
         padding: 1rem;
     }
 
-    .aa-callout-sm {
+    .aa-callout.aa-callout-sm {
         padding: 0.5rem;
     }
 
-    .aa-callout-lg {
+    .aa-callout.aa-callout-lg {
         padding: 1.5rem;
     }
 
diff --git a/allianceauth/srp/templates/srp/add.html b/allianceauth/srp/templates/srp/add.html
index db629cf6..0f2c477e 100644
--- a/allianceauth/srp/templates/srp/add.html
+++ b/allianceauth/srp/templates/srp/add.html
@@ -42,7 +42,7 @@
                                 </div>
                             </form>
                         {% else %}
-                            <div class="aa-callout aa-callout-info mb-3" role="alert">
+                            <div class="aa-callout aa-callout-info" role="alert">
                                 <p>{% translate "Give this link to the line members." %}</p>
                                 <p>{{ SITE_URL }}{% url 'srp:request' completed_srp_code %}</p>
                             </div>