diff --git a/frontend/src/components/SearchComponent.tsx b/frontend/src/components/SearchComponent.tsx
index 67e39b0b..03c50009 100644
--- a/frontend/src/components/SearchComponent.tsx
+++ b/frontend/src/components/SearchComponent.tsx
@@ -143,9 +143,7 @@ const SearchComponent: React.FC<SearchComponentProps> = ({
                 value={query}
                 onChange={(e) => setQuery(e.target.value)}
                 placeholder="Search for verses, words, or phrases..."
-                className="w-full pl-10 pr-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg
-                         bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100
-                         focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+                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"
                 autoFocus
               />
               {loading && (
@@ -170,6 +168,8 @@ const SearchComponent: React.FC<SearchComponentProps> = ({
             >
               <option value="esv">ESV - English Standard Version</option>
               <option value="nkjv">NKJV - New King James Version</option>
+              <option value="nlt">NLT - New Living Translation</option>
+              <option value="csb">CSB - Christian Standard Bible</option>
             </select>
 
             <select