diff --git a/pyproject.toml b/pyproject.toml
index b4f22f7..5c73296 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -37,6 +37,15 @@ extension = ".dj.html"
 indent = 2
 blank_line_after_tag = "load,extends"
 ignore = "T003,H017,H021,H030,H031"
+format_css = true
+format_js = true
+
+[tool.djlint.css]
+indent_size = 2
+
+[tool.djlint.js]
+indent_size = 2
+
 
 [[tool.pdm.source]]
 url = "https://pypi.org/simple"
diff --git a/rentals/templates/rentals/lockers.dj.html b/rentals/templates/rentals/lockers.dj.html
index 758bcac..9f80a09 100644
--- a/rentals/templates/rentals/lockers.dj.html
+++ b/rentals/templates/rentals/lockers.dj.html
@@ -9,47 +9,50 @@
 {% endblock %}
 {% block content %}
   <style>
-  .locker-bank {
-    text-align: center;
-  }
+    .locker-bank {
+      text-align: center;
+    }
 
-  .lockers {
-    display: flex;
-    gap: 0.3rem;
-    flex-wrap: wrap;
-    justify-content: center;
-  }
+    .lockers {
+      display: flex;
+      gap: 0.3rem;
+      flex-wrap: wrap;
+      justify-content: center;
+    }
 
-  .locker {
-    display: grid;
-    background-color: #333333;
-    border-radius: 0.4rem;
-    padding: 0.7rem;
-    gap: 0.5rem;
-  }
+    .locker {
+      display: grid;
+      background-color: #333333;
+      border-radius: 0.4rem;
+      padding: 0.7rem;
+      gap: 0.5rem;
+    }
 
-  .locker .door {
-    background-color: hsl(24, 100%, 25%);
-    border: 0.2rem solid black;
-    border-radius: 0.5rem;
-    aspect-ratio: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    color: lightgray;
-  }
-  .locker .door[data-available="False"] {
-    background-color: hsl(24, 15%, 25%);;
-  }
+    .locker .door {
+      background-color: hsl(24, 100%, 25%);
+      border: 0.2rem solid black;
+      border-radius: 0.5rem;
+      aspect-ratio: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      color: lightgray;
+    }
 
-  .form-floating .select2-container .select2-selection {
-    height: 3.5em;
-    padding: 1.625rem .25rem;
-  }
-  .form-floating .select2-container .select2-selection .select2-selection__rendered {
-    padding-right: 0.25rem;
-  }
+    .locker .door[data-available="False"] {
+      background-color: hsl(24, 15%, 25%);
+      ;
+    }
+
+    .form-floating .select2-container .select2-selection {
+      height: 3.5em;
+      padding: 1.625rem .25rem;
+    }
+
+    .form-floating .select2-container .select2-selection .select2-selection__rendered {
+      padding-right: 0.25rem;
+    }
   </style>
   {% for bank, units in locker_banks.items %}
     <div class="locker-bank" data-bank="{{ bank.slug }}">
@@ -58,10 +61,11 @@
       <div class="lockers">
         {% for unit, lockers in units.items %}
           <div class="locker"
-               style="grid-template-columns: repeat({{ unit.columns }}, minmax(7rem, 8.5rem));">
+               style="grid-template-columns: repeat({{ unit.columns }}, minmax(7rem, 8.5rem))">
             {% for locker_form in lockers %}
               <div class="dropdown"
-                   style="grid-row-start: {{ locker_form.instance.row|add:'1' }}; grid-column-start: {{ locker_form.instance.column|add:'1' }}">
+                   style="grid-row-start: {{ locker_form.instance.row|add:'1' }};
+                          grid-column-start: {{ locker_form.instance.column|add:'1' }}">
                 <span class="door {{ perms.rentals.view_lockerinfo|yesno:"btn dropdown-toggle," }}"
                       data-bs-toggle="dropdown"
                       data-bs-auto-close="outside"