diff --git a/src/argus/htmx/static/styles.css b/src/argus/htmx/static/styles.css
index e8c0cc19a..a5b7e14ff 100644
--- a/src/argus/htmx/static/styles.css
+++ b/src/argus/htmx/static/styles.css
@@ -4304,6 +4304,10 @@ details.collapse summary::-webkit-details-marker {
   max-width: 56rem;
 }
 
+.max-w-\[30\%\] {
+  max-width: 30%;
+}
+
 .max-w-xs {
   max-width: 20rem;
 }
@@ -4316,12 +4320,16 @@ details.collapse summary::-webkit-details-marker {
   flex: none;
 }
 
+.shrink-0 {
+  flex-shrink: 0;
+}
+
 .grow {
   flex-grow: 1;
 }
 
-.border-collapse {
-  border-collapse: collapse;
+.basis-1\/4 {
+  flex-basis: 25%;
 }
 
 .border-separate {
diff --git a/src/argus/htmx/templates/htmx/incident/incident_detail.html b/src/argus/htmx/templates/htmx/incident/incident_detail.html
index d5ee6d8e9..62ee62f15 100644
--- a/src/argus/htmx/templates/htmx/incident/incident_detail.html
+++ b/src/argus/htmx/templates/htmx/incident/incident_detail.html
@@ -4,7 +4,7 @@
     {% block incident_detail %}
       <h1 class="text-xl font-bold">{{ incident.pk }}: {{ incident.description }}</h1>
       <div class="flex gap-4">
-        <section id="incident-detail" class="flex-none">
+        <section id="incident-detail" class="basis-1/4 shrink-0 max-w-[30%]">
           <section id="level" class="card">
             <h2 class="card-title">Level</h2>
             <p class="card-body">{{ incident.level }}</p>
@@ -82,7 +82,7 @@ <h3 class="font-bold">Ticket</h3>
             </div>
           </section>
         </section>
-        <section id="acknowledgements" class="card">
+        <section id="acknowledgements" class="basis-1/4 max-w-[30%] card">
           <h2 class="card-title">Acknowledgements</h2>
           <div class="divide-y divide-solid">
             {% for ack in incident.acks %}
@@ -100,7 +100,7 @@ <h2 class="card-title">Acknowledgements</h2>
             </div>
           </div>
         </section>
-        <section id="events" class="card">
+        <section id="events" class="basis-1/4 max-w-[30%] card">
           <h2 class="card-title">Related events</h2>
           <div class="divide-y divide-solid">
             {% for event in incident.events.all %}