diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 70d2b43a..025571f8 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -328,6 +328,7 @@ function App() {
         user={user}
         onFavoriteChange={handleFavoriteChange}
         version={versionId}
+        onSearchClick={() => setShowSearch(true)}
       />
     );
   };
diff --git a/frontend/src/components/ChapterSelector.tsx b/frontend/src/components/ChapterSelector.tsx
index 0a39d8a7..9876c072 100644
--- a/frontend/src/components/ChapterSelector.tsx
+++ b/frontend/src/components/ChapterSelector.tsx
@@ -13,7 +13,7 @@ interface ChapterSelectorProps {
   onSearchClick?: () => void;
 }
 
-const ChapterSelector: React.FC<ChapterSelectorProps> = ({ book, onChapterSelect, onBack, formatBookName, user, onFavoriteChange, version = 'esv' }) => {
+const ChapterSelector: React.FC<ChapterSelectorProps> = ({ book, onChapterSelect, onBack, formatBookName, user, onFavoriteChange, version = 'esv', onSearchClick }) => {
   const [chapters, setChapters] = useState<string[]>([]);
   const [loading, setLoading] = useState(true);
   const [favorites, setFavorites] = useState<Set<string>>(new Set());