diff --git a/assets/css/app.css b/assets/css/app.css
index 0f3f2846..fd4084d0 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -110,7 +110,8 @@
    and misaligned text. Reset them so text sits centered like <input>. */
 select.select {
   margin: 0;
-  padding-block: 0;
+  display: flex;
+  align-items: center;
 }
 
 /* Markdown rendered content — uses daisyUI theme variables for auto dark/light */
diff --git a/lib/microwaveprop_web/live/backfill_live.ex b/lib/microwaveprop_web/live/backfill_live.ex
index 32da7229..2a71606c 100644
--- a/lib/microwaveprop_web/live/backfill_live.ex
+++ b/lib/microwaveprop_web/live/backfill_live.ex
@@ -333,7 +333,7 @@ defmodule MicrowavepropWeb.BackfillLive do
       </.header>
 
       <div class="grid grid-cols-1 md:grid-cols-4 gap-4 my-6">
-        <div class="stat bg-base-200 rounded-box md:col-span-2">
+        <div class="stat bg-base-200 rounded-box overflow-hidden md:col-span-2">
           <div class="stat-title">Enrichment Progress</div>
           <div class="stat-value text-2xl">
             {format_number(@unprocessed.complete)} / {format_number(@unprocessed.total)}
@@ -462,41 +462,39 @@ defmodule MicrowavepropWeb.BackfillLive do
       <h2 class="text-base font-semibold mb-2">Enrichment Status by Type</h2>
       <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
         <%= for {type, label} <- [{"hrrr", "HRRR"}, {"weather", "Weather"}, {"terrain", "Terrain"}, {"iemre", "IEMRE"}, {"era5", "ERA5"}] do %>
-          <div class="stat bg-base-200 rounded-box">
-            <div class="stat-title">{label}</div>
-            <div class="stat-desc mt-1">
-              <%= for {status, count} <- Map.get(@db_stats.statuses, type, []) do %>
-                <div class="flex justify-between">
-                  <span class={status_class(status)}>{status}</span>
-                  <span class="font-mono">{format_number(count)}</span>
-                </div>
-              <% end %>
-            </div>
+          <div class="bg-base-200 rounded-box p-3 text-xs">
+            <div class="font-semibold mb-1">{label}</div>
+            <%= for {status, count} <- Map.get(@db_stats.statuses, type, []) do %>
+              <div class="flex justify-between">
+                <span class={status_class(status)}>{status}</span>
+                <span class="font-mono">{format_number(count)}</span>
+              </div>
+            <% end %>
           </div>
         <% end %>
       </div>
 
       <h2 class="text-base font-semibold mb-2">Database</h2>
       <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-4">
-        <div class="stat bg-base-200 rounded-box">
+        <div class="stat bg-base-200 rounded-box overflow-hidden">
           <div class="stat-title">Total DB Size</div>
           <div class="stat-value text-2xl font-mono">{@db_stats.db_size}</div>
         </div>
-        <div class="stat bg-base-200 rounded-box">
+        <div class="stat bg-base-200 rounded-box overflow-hidden">
           <div class="stat-title">HRRR Profiles</div>
           <div class="stat-value text-2xl font-mono">
             {format_number(@db_stats.totals.hrrr_profiles)}
           </div>
           <div class="stat-desc">{@db_stats.averages.hrrr_per_contact} per contact</div>
         </div>
-        <div class="stat bg-base-200 rounded-box">
+        <div class="stat bg-base-200 rounded-box overflow-hidden">
           <div class="stat-title">Surface Observations</div>
           <div class="stat-value text-2xl font-mono">
             {format_number(@db_stats.totals.surface_observations)}
           </div>
           <div class="stat-desc">{@db_stats.averages.obs_per_contact} per contact</div>
         </div>
-        <div class="stat bg-base-200 rounded-box">
+        <div class="stat bg-base-200 rounded-box overflow-hidden">
           <div class="stat-title">Soundings</div>
           <div class="stat-value text-2xl font-mono">
             {format_number(@db_stats.totals.soundings)}