diff --git a/web/templates/partials/calendar.html b/web/templates/partials/calendar.html
index 8f70b0c..4a24acc 100644
--- a/web/templates/partials/calendar.html
+++ b/web/templates/partials/calendar.html
@@ -1,10 +1,10 @@
 {{define "calendar.html"}}
-<div class="calendar">
+<div class="calendar" id="calendar">
     <div class="calendar-header">
         <button 
             hx-get="/calendar/{{.PrevYear}}/{{.PrevMonth}}"
-            hx-target="#calendar-panel"
-            hx-swap="innerHTML"
+            hx-target="#calendar"
+            hx-swap="outerHTML"
             class="tui-button"
             aria-label="Previous month">
             &laquo;
@@ -12,8 +12,8 @@
         <span class="calendar-title">{{.MonthName}} {{.Year}}</span>
         <button 
             hx-get="/calendar/{{.NextYear}}/{{.NextMonth}}"
-            hx-target="#calendar-panel"
-            hx-swap="innerHTML"
+            hx-target="#calendar"
+            hx-swap="outerHTML"
             class="tui-button"
             aria-label="Next month">
             &raquo;
@@ -61,8 +61,8 @@
     <div class="calendar-actions">
         <button 
             hx-get="/timeline/{{.Year}}/{{.Month | printf "%d"}}"
-            hx-target="#timeline-panel"
-            hx-swap="innerHTML"
+            hx-target="#timeline"
+            hx-swap="outerHTML"
             class="tui-button cyan-168 white-text">
             View Timeline
         </button>
diff --git a/web/templates/partials/timeline.html b/web/templates/partials/timeline.html
index 313bad9..d4d0eed 100644
--- a/web/templates/partials/timeline.html
+++ b/web/templates/partials/timeline.html
@@ -1,10 +1,10 @@
 {{define "timeline.html"}}
-<div class="timeline">
+<div class="timeline" id="timeline">
     <div class="timeline-header">
         <button 
             hx-get="/timeline/{{.PrevYear}}/{{.PrevMonth}}"
-            hx-target="#timeline-panel"
-            hx-swap="innerHTML"
+            hx-target="#timeline"
+            hx-swap="outerHTML"
             class="tui-button"
             aria-label="Previous month">
             &laquo;
@@ -12,8 +12,8 @@
         <span class="timeline-title">{{.MonthName}} {{.Year}}</span>
         <button 
             hx-get="/timeline/{{.NextYear}}/{{.NextMonth}}"
-            hx-target="#timeline-panel"
-            hx-swap="innerHTML"
+            hx-target="#timeline"
+            hx-swap="outerHTML"
             class="tui-button"
             aria-label="Next month">
             &raquo;