diff --git a/apps/web/src/views/detail.ejs b/apps/web/src/views/detail.ejs
index aade92e..607c562 100644
--- a/apps/web/src/views/detail.ejs
+++ b/apps/web/src/views/detail.ejs
@@ -93,7 +93,7 @@
       <div class="card-static p-4 mb-8">
         <h3 class="text-sm text-gray-400 mb-3">Status History</h3>
         <div class="relative">
-          <div id="status-bar" class="flex gap-0.5 h-8 rounded-lg overflow-hidden">
+          <div id="status-bar" class="flex gap-[0.1rem] h-8 rounded-lg overflow-hidden">
             <% if (barPings.length > 0) { %>
               <% barPings.forEach(function(c) {
                 const color = c.down === 0 ? 'bg-green-500/70' : (c.up === 0 ? 'bg-red-500/70' : 'bg-orange-400/70');