diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 36f9b4e9..ea1e190e 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -368,6 +368,7 @@ function App() {
         user={user}
         onFavoriteChange={handleFavoriteChange}
         version={selectedVersion}
+        onSearchClick={() => setShowSearch(true)}
       />
     );
   };
diff --git a/frontend/src/components/BibleReader.tsx b/frontend/src/components/BibleReader.tsx
index f4ab18d8..b2237196 100644
--- a/frontend/src/components/BibleReader.tsx
+++ b/frontend/src/components/BibleReader.tsx
@@ -10,9 +10,10 @@ interface BibleReaderProps {
   user?: any;
   onFavoriteChange?: () => void;
   version?: string;
+  onSearchClick?: () => void;
 }
 
-const BibleReader: React.FC<BibleReaderProps> = ({ book, chapter, onBack, formatBookName, user, onFavoriteChange, version = 'esv' }) => {
+const BibleReader: React.FC<BibleReaderProps> = ({ book, chapter, onBack, formatBookName, user, onFavoriteChange, version = 'esv', onSearchClick }) => {
   const [content, setContent] = useState<string>('');
   const [loading, setLoading] = useState(true);
   const [chapters, setChapters] = useState<string[]>([]);
@@ -309,7 +310,7 @@ const BibleReader: React.FC<BibleReaderProps> = ({ book, chapter, onBack, format
             type="text"
             placeholder="Search for verses, words, or phrases..."
             className="w-full pl-10 pr-4 py-3 text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-lg shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-            onClick={() => window.location.href = '/?show-search=true'}
+            onClick={onSearchClick}
             readOnly
           />
           <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-5 w-5 text-gray-400" />