diff --git a/doorcontrol/templates/doorcontrol/access_report.dj.html b/doorcontrol/templates/doorcontrol/access_report.dj.html
index e6a1baf..4a21e63 100644
--- a/doorcontrol/templates/doorcontrol/access_report.dj.html
+++ b/doorcontrol/templates/doorcontrol/access_report.dj.html
@@ -15,24 +15,24 @@
     </ul>
     <form method="get" class="container-fluid">
       <div class="row g-2 align-items-center justify-content-center">
-        <div class="col-6 col-sm-auto">
-          <div class="form-floating">
-            <input type="date"
-                   class="form-control"
-                   id="startDate"
-                   name="timestamp_after"
-                   value="{{ filter.form.timestamp.value.0 }}">
-            <label for="startDate">Start Date</label>
-          </div>
-        </div>
-        <div class="col-6 col-sm-auto">
-          <div class="form-floating">
-            <input type="date"
-                   class="form-control"
-                   id="endDate"
-                   name="timestamp_before"
-                   value="{{ filter.form.timestamp.value.1 }}">
-            <label for="endDate">End Date</label>
+        <div class="col-auto">
+          <div class="input-group">
+            <div class="form-floating">
+              <input type="date"
+                     class="form-control"
+                     id="startDate"
+                     name="timestamp_after"
+                     value="{{ filter.form.timestamp.value.0 }}">
+              <label for="startDate">Start Date</label>
+            </div>
+            <div class="form-floating">
+              <input type="date"
+                     class="form-control"
+                     id="endDate"
+                     name="timestamp_before"
+                     value="{{ filter.form.timestamp.value.1 }}">
+              <label for="endDate">End Date</label>
+            </div>
           </div>
         </div>
         <div class="col-12 col-sm-auto">