diff --git a/src/components/RcObsStudyNotes.jsx b/src/components/RcObsStudyNotes.jsx
index f9e4039..143a494 100644
--- a/src/components/RcObsStudyNotes.jsx
+++ b/src/components/RcObsStudyNotes.jsx
@@ -290,7 +290,7 @@ ${convertNoteFromMD2HTML(row.Note, bookId, 'front')}
       for (let storyIdx = 0; storyIdx < 50; storyIdx++) {
         const storyStr = String(storyIdx + 1);
         html += `
-  <div id="obs-${bookId}-${storyStr}" class="section obs-sn-chapter-section" data-toc-title="${obsData.stories[storyIdx].title}">
+  <div id="nav-${bookId}-${storyStr}" class="section obs-sn-chapter-section" data-toc-title="${obsData.stories[storyIdx].title}">
     <h2 class="obs-sn-chapter-header"><a href="#nav-${bookId}-${storyStr}" class="header-link">${obsData.stories[storyIdx].title}</a></h2>
 `;
         if (snTsvData?.[storyStr]?.['intro']) {
diff --git a/src/components/RcObsStudyQuestions.jsx b/src/components/RcObsStudyQuestions.jsx
index 4bb32e9..ea77f83 100644
--- a/src/components/RcObsStudyQuestions.jsx
+++ b/src/components/RcObsStudyQuestions.jsx
@@ -407,7 +407,7 @@ export default function RcObsStudyQuestions() {
       setHtml(html);
     };
 
-    if (obsData && Object.keys(sqTsvData).length) {
+    if (obsData && sqTsvData) {
       generateHtml();
     }
   }, [
diff --git a/src/components/RcObsTranslationQuestions.jsx b/src/components/RcObsTranslationQuestions.jsx
index 0e2f0b7..206e465 100644
--- a/src/components/RcObsTranslationQuestions.jsx
+++ b/src/components/RcObsTranslationQuestions.jsx
@@ -408,7 +408,7 @@ export default function RcObsTranslationQuestions() {
       setHtml(html);
     };
 
-    if (obsData && Object.keys(tqTsvData).length) {
+    if (obsData && tqTsvData) {
       generateHtml();
     }
   }, [