diff --git a/allianceauth/services/templates/services/fleetformattertool.html b/allianceauth/services/templates/services/fleetformattertool.html
index c5535b6f..ac23d0c1 100644
--- a/allianceauth/services/templates/services/fleetformattertool.html
+++ b/allianceauth/services/templates/services/fleetformattertool.html
@@ -2,30 +2,45 @@
 {% load django_bootstrap5 %}
 {% load i18n %}
 
-{% block page_title %}{% translate "Fleet Formatter Tool" %}{% endblock page_title %}
-{% block extra_css %}{% endblock extra_css %}
+{% block page_title %}
+    {% translate "Fleet Formatter Tool" %}
+{% endblock page_title %}
+
+{% block header_nav_brand %}
+    {% translate "Fleet Formatter Tool" %}
+{% endblock header_nav_brand %}
 
 {% block content %}
-    <div class="col-lg-12">
-        <h1 class="page-header text-center">{% translate "Fleet Broadcast Formatter Tool" %}</h1>
+    <div>
+        <div class="card card-primary border-0">
+            <div class="card-header">
+                <div class="card-title mb-0">
+                    {% translate "Fleet Details" %}
+                </div>
+            </div>
 
-        <div class="container-fluid">
-            <div class="col-md-6 col-md-offset-3">
-                <div class="row">
-                    {% if generated != "" %}
-                        <textarea class="form-control" rows="10" cols="60">{{ generated }}
-                        </textarea>
-                    {% endif %}
-                    <form class="form-signin" role="form" action="" method="POST">
-                        {% csrf_token %}
-                        {% bootstrap_form form %}
-                        <br>
-                        <button class="btn btn-lg btn-primary btn-block" type="submit">{% translate "Format" %}</button>
-                        <br>
-                    </form>
+            <div class="card-body">
+                <div class="row justify-content-center">
+                    <div class="col-md-6">
+                        {% if generated != "" %}
+                            <div class="text-right mb-3">
+                                <textarea class="form-control" rows="10" cols="60">{{ generated }}</textarea>
+                            </div>
+                        {% endif %}
+
+                        <form class="form-signin" role="form" action="" method="POST">
+                            {% csrf_token %}
+
+                            {% bootstrap_form form %}
+
+                            <div class="form-group mt-3 clearfix">
+                                {% translate "Format" as button_text %}
+                                {% bootstrap_button button_class="btn btn-primary" content=button_text %}
+                            </div>
+                        </form>
+                    </div>
                 </div>
             </div>
         </div>
     </div>
-
 {% endblock content %}