diff --git a/allianceauth/services/modules/openfire/templates/services/openfire/broadcast.html b/allianceauth/services/modules/openfire/templates/services/openfire/broadcast.html
index f99e1781..4de77370 100644
--- a/allianceauth/services/modules/openfire/templates/services/openfire/broadcast.html
+++ b/allianceauth/services/modules/openfire/templates/services/openfire/broadcast.html
@@ -1,30 +1,47 @@
-{% extends "allianceauth/base.html" %}
+{% extends "allianceauth/base-bs5.html" %}
+
 {% load django_bootstrap5 %}
 {% load i18n %}
 
-{% block page_title %}{% translate "Jabber Broadcast" %}{% endblock page_title %}
-{% block extra_css %}{% endblock extra_css %}
+{% block page_title %}
+    {% translate "Jabber Broadcast" %}
+{% endblock page_title %}
+
+{% block header_nav_brand %}
+    {% translate "Jabber Broadcast" %}
+{% endblock header_nav_brand %}
 
 {% block content %}
-    <div class="col-lg-12">
-        <h1 class="page-header text-center">{% translate "Jabber Broadcast" %}</h1>
+    <div>
+        <div class="card card-primary border-0">
+            <div class="card-header">
+                <div class="card-title mb-0">
+                    {% translate "Jabber Broadcast" %}
+                </div>
+            </div>
 
-        <div class="container-fluid">
-            <div class="col-md-4 col-md-offset-4">
-                <div class="row">
-                    {% if success %}
-                        <div class="alert alert-success" role="alert">{% translate "Broadcast Sent!!" %}</div>
-                    {% endif %}
-                    <form class="form-signin" role="form" action="" method="POST" onsubmit="submitbutton.disabled = true; return true;">
-                        {% csrf_token %}
-                        {% bootstrap_form form %}
-                        <br>
-                        <button class="btn btn-lg btn-primary btn-block" name="submitbutton" type="submit">{% translate "Broadcast" %}
-                        </button>
-                    </form>
+            <div class="card-body">
+                <div class="row justify-content-center">
+                    <div class="col-md-6">
+                        {% if success %}
+                            <div class="alert alert-success" role="alert">
+                                {% translate "Broadcast Sent!!" %}
+                            </div>
+                        {% endif %}
+
+                        <form class="form-signin" role="form" action="" method="POST">
+                            {% csrf_token %}
+
+                            {% bootstrap_form form %}
+
+                            <div class="form-group mt-3 clearfix">
+                                {% translate "Broadcast" as button_text %}
+                                {% bootstrap_button button_class="btn btn-primary" content=button_text %}
+                            </div>
+                        </form>
+                    </div>
                 </div>
             </div>
         </div>
     </div>
-
 {% endblock content %}