diff --git a/astro-church-website/public/admin/scripts/main.js b/astro-church-website/public/admin/scripts/main.js
index f1a28b1..3ad00df 100644
--- a/astro-church-website/public/admin/scripts/main.js
+++ b/astro-church-website/public/admin/scripts/main.js
@@ -744,6 +744,7 @@ function renderSchedules(schedules) {
                             (schedule.ss_teacher ? '<div class="meta-item"><span>📚</span>SS Teacher: ' + escapeHtml(schedule.ss_teacher) + '</div>' : '') +
                             (schedule.ss_leader ? '<div class="meta-item"><span>👨‍🏫</span>SS Leader: ' + escapeHtml(schedule.ss_leader) + '</div>' : '') +
                             (schedule.scripture ? '<div class="meta-item"><span>📖</span>Scripture: ' + escapeHtml(schedule.scripture) + '</div>' : '') +
+                            (schedule.childrens_story ? '<div class="meta-item"><span>👶</span>Children\'s Story: ' + escapeHtml(schedule.childrens_story) + '</div>' : '') +
                             (schedule.sermon_speaker ? '<div class="meta-item"><span>🎙️</span>Speaker: ' + escapeHtml(schedule.sermon_speaker) + '</div>' : '') +
                             (schedule.special_music ? '<div class="meta-item"><span>🎼</span>Special Music: ' + escapeHtml(schedule.special_music) + '</div>' : '') +
                         '</div>' +
@@ -981,10 +982,17 @@ function showCreateScheduleModal() {
                     <label for="specialMusic">Special Music</label>
                     <input id="specialMusic" type="text" placeholder="e.g., Michelle Maitland">
                 </div>
+                <div>
+                    <label for="childrensStory">Children's Story</label>
+                    <input id="childrensStory" type="text" placeholder="e.g., Sarah Johnson">
+                </div>
+            </div>
+            <div class="form-grid cols-2">
                 <div>
                     <label for="sermonSpeaker">Sermon Speaker</label>
                     <input id="sermonSpeaker" type="text" placeholder="e.g., Pastor Joseph Piresson">
                 </div>
+                <div></div>
             </div>
         </div>
     `;
@@ -1014,6 +1022,7 @@ function createSchedule() {
         scripture: document.getElementById('scripture').value || null,
         offering: document.getElementById('offering').value || null,
         special_music: document.getElementById('specialMusic').value || null,
+        childrens_story: document.getElementById('childrensStory').value || null,
         sermon_speaker: document.getElementById('sermonSpeaker').value || null
     };
 
@@ -1112,10 +1121,17 @@ function showEditScheduleModal(schedule) {
                     <label for="editSpecialMusic">Special Music</label>
                     <input id="editSpecialMusic" type="text" value="${schedule.special_music || ''}">
                 </div>
+                <div>
+                    <label for="editChildrensStory">Children's Story</label>
+                    <input id="editChildrensStory" type="text" value="${schedule.childrens_story || ''}">
+                </div>
+            </div>
+            <div class="form-grid cols-2">
                 <div>
                     <label for="editSermonSpeaker">Sermon Speaker</label>
                     <input id="editSermonSpeaker" type="text" value="${schedule.sermon_speaker || ''}">
                 </div>
+                <div></div>
             </div>
         </div>
     `;
@@ -1145,6 +1161,7 @@ function saveScheduleEdit(scheduleId) {
         scripture: document.getElementById('editScripture').value || null,
         offering: document.getElementById('editOffering').value || null,
         special_music: document.getElementById('editSpecialMusic').value || null,
+        childrens_story: document.getElementById('editChildrensStory').value || null,
         sermon_speaker: document.getElementById('editSermonSpeaker').value || null
     };