diff --git a/web/static/app.css b/web/static/app.css
index a470152..343ac66 100644
--- a/web/static/app.css
+++ b/web/static/app.css
@@ -441,4 +441,17 @@ body, .lead-text, .page, .card, .search-input, .input-hero, .textarea-hero,
   align-items: center;  /* vertical align chevron with text */
   justify-content: flex-start; /* force chevron to stay left */
   gap: 8px;             /* spacing between text and chevron */
+}
+/* Match left/right padding and alignment like other cards */
+.iotd-title{
+  display:inline-flex;
+  align-items:center;
+  gap:8px;
+  padding:10px 16px;   /* same as history-title */
+  margin:0;
+}
+
+/* Inner content padding so the paragraph/button align with the title text */
+.iotd-panel{
+  padding:12px 16px;   /* same gutter as other panels */
 }
\ No newline at end of file