diff --git a/app/costs/templates/costs/costs_all.html b/app/costs/templates/costs/costs_all.html
index abb67c1..7e862bb 100644
--- a/app/costs/templates/costs/costs_all.html
+++ b/app/costs/templates/costs/costs_all.html
@@ -17,8 +17,7 @@
 <script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
 <script src="https://cdn.datatables.net/responsive/2.2.9/js/responsive.bootstrap5.min.js"></script>
 
-
-
+<!-- Configure the DataTable. -->
 <script>
     $(document).ready(function () {
         $('#t__costs_all').DataTable({
@@ -34,44 +33,38 @@
         })
     })
 </script>
-
 {% endblock header %}
+
 {% block content %}
 <h3>Übersicht aller Kosten</h3>
-<p>
-    Die Übersicht aller enstandenen Kosten.
-</p>
-<p>
-    <a href="{% url 'costs_create' %}" class="btn btn-primary">Eine Buchung anlegen</a>
-</p>
+<p>Die Übersicht aller enstandenen Kosten.</p>
+<p><a href="{% url 'costs_create' %}" class="btn btn-primary">Eine Buchung anlegen</a></p>
 
-    <table class="table table-striped table-hover display responsive nowrap" width="100%" id="t__costs_all">
-        <thead>
-            <tr>
-                <th>Patient</th>
-                <th>Kosten</th>
-                <th>Gebucht am</th>
-                <th>Bemerkung</th>
-                <th>Benutzer</th>
-                <th></th>
-                <th></th>
-            </tr>
-        </thead>
-        <tbody>
-            {% for item in costs %}
-            <tr>
-                <td> {{item.id_bird|default_if_none:"nicht mehr in WVH"}} </td>
-                <td> {{item.costs}} </td>
-                <td> {{item.created}} </td>
-                <td> {{item.comment|default_if_none:""}} </td>
-                <td> {{item.user}} </td>
-                <td><a href="{% url 'costs_edit' item.id %}"><i class="fa-sharp fa-solid fa-pen"></i></a></td>
-                <td><a href="{% url 'costs_delete' item.id %}"><i class="fa-sharp fa-solid fa-trash"></i></a></td>
-            </tr>
-            {% endfor %}
-        </tbody>
-    </table>
-    
-
-    {% endblock content %}
+<table class="table table-striped table-hover display responsive nowrap" width="100%" id="t__costs_all">
+    <thead>
+        <tr>
+            <th>Patient</th>
+            <th>Kosten</th>
+            <th>Gebucht am</th>
+            <th>Bemerkung</th>
+            <th>Benutzer</th>
+            <th></th>
+            <th></th>
+        </tr>
+    </thead>
+    <tbody>
+        {% for item in costs %}
+        <tr>
+            <td> {{item.id_bird|default_if_none:"nicht mehr in WVH"}} </td>
+            <td> {{item.costs}} </td>
+            <td> {{item.created}} </td>
+            <td> {{item.comment|default_if_none:""}} </td>
+            <td> {{item.user}} </td>
+            <td><a href="{% url 'costs_edit' item.id %}"><i class="fa-sharp fa-solid fa-pen"></i></a></td>
+            <td><a href="{% url 'costs_delete' item.id %}"><i class="fa-sharp fa-solid fa-trash"></i></a></td>
+        </tr>
+        {% endfor %}
+    </tbody>
+</table>
+{% endblock content %}
 
diff --git a/app/costs/templates/costs/costs_create.html b/app/costs/templates/costs/costs_create.html
index c2ea0a9..9bc712f 100644
--- a/app/costs/templates/costs/costs_create.html
+++ b/app/costs/templates/costs/costs_create.html
@@ -3,8 +3,7 @@
 {% load crispy_forms_tags %}
 {% block content %}
 <h3>Buchung anlegen</h3>
-<p></p>
-<div class="row">
+<div class="row mt-3">
     <div class="col-lg-5 mb-3">
         <form method="post" enctype="multipart/form-data">
             <fieldset>
@@ -17,25 +16,20 @@
     </div>
 
     <div class="col-lg-5">
-        <h4>
-            Kennung
-        </h4>
+        <h4>Kennung</h4>
         <p>
             Lorem ipsum dolor sit, amet consectetur adipisicing elit.
             Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit
             temporibus dicta voluptate in voluptates. Alias deserunt sint
             suscipit explicabo et. Perferendis, dolor praesentium.
         </p>
-        <h4>
-            Vogel
-        </h4>
+        <h4>Vogel</h4>
         <p>
             Lorem ipsum dolor sit, amet consectetur adipisicing elit.
             Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit
             temporibus dicta voluptate in voluptates. Alias deserunt sint
             suscipit explicabo et. Perferendis, dolor praesentium.
         </p>
-      
     </div>
 </div>
-{% endblock content %}
\ No newline at end of file
+{% endblock content %}
diff --git a/app/costs/templates/costs/costs_delete.html b/app/costs/templates/costs/costs_delete.html
index 210ed21..2ac56eb 100644
--- a/app/costs/templates/costs/costs_delete.html
+++ b/app/costs/templates/costs/costs_delete.html
@@ -3,8 +3,7 @@
 {% load crispy_forms_tags %}
 {% block content %}
 <h3>Buchung löschen</h3>
-<p></p>
-<div class="row">
+<div class="row mt-3">
     <div class="col-lg-5 mb-3">
         <form method="post" enctype="multipart/form-data">
             <fieldset>
@@ -28,25 +27,20 @@
     </div>
 
     <div class="col-lg-5">
-        <h4>
-            Kennung
-        </h4>
+        <h4>Kennung</h4>
         <p>
             Lorem ipsum dolor sit, amet consectetur adipisicing elit.
             Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit
             temporibus dicta voluptate in voluptates. Alias deserunt sint
             suscipit explicabo et. Perferendis, dolor praesentium.
         </p>
-        <h4>
-            Vogel
-        </h4>
+        <h4>Vogel</h4>
         <p>
             Lorem ipsum dolor sit, amet consectetur adipisicing elit.
             Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit
             temporibus dicta voluptate in voluptates. Alias deserunt sint
             suscipit explicabo et. Perferendis, dolor praesentium.
         </p>
-      
     </div>
 </div>
-{% endblock content %}
\ No newline at end of file
+{% endblock content %}
diff --git a/app/costs/templates/costs/costs_edit.html b/app/costs/templates/costs/costs_edit.html
index 50be813..3d1b692 100644
--- a/app/costs/templates/costs/costs_edit.html
+++ b/app/costs/templates/costs/costs_edit.html
@@ -3,8 +3,7 @@
 {% load crispy_forms_tags %}
 {% block content %}
 <h3>Buchung bearbeiten</h3>
-<p></p>
-<div class="row">
+<div class="row mt-3">
     <div class="col-lg-5 mb-3">
         <form method="post" enctype="multipart/form-data">
             <fieldset>
@@ -15,27 +14,21 @@
             </fieldset>
         </form>
     </div>
-
     <div class="col-lg-5">
-        <h4>
-            Kennung
-        </h4>
+        <h4>Kennung</h4>
         <p>
             Lorem ipsum dolor sit, amet consectetur adipisicing elit.
             Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit
             temporibus dicta voluptate in voluptates. Alias deserunt sint
             suscipit explicabo et. Perferendis, dolor praesentium.
         </p>
-        <h4>
-            Vogel
-        </h4>
+        <h4>Vogel</h4>
         <p>
             Lorem ipsum dolor sit, amet consectetur adipisicing elit.
             Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit
             temporibus dicta voluptate in voluptates. Alias deserunt sint
             suscipit explicabo et. Perferendis, dolor praesentium.
         </p>
-      
     </div>
 </div>
-{% endblock content %}
\ No newline at end of file
+{% endblock content %}