diff --git a/platform.bible-extension/src/web-views/find-related-words.web-view.tsx b/platform.bible-extension/src/web-views/find-related-words.web-view.tsx
index 25af830f8a..0b5f00600d 100644
--- a/platform.bible-extension/src/web-views/find-related-words.web-view.tsx
+++ b/platform.bible-extension/src/web-views/find-related-words.web-view.tsx
@@ -143,8 +143,9 @@ globalThis.webViewComponent = function LexiconFindRelatedWords({
       elementHeader={
         <div className="tw:flex tw:flex-col tw:gap-2">
           <div className="tw:flex tw:gap-2">
-            <div className="tw:max-w-lg">
+            <div className="tw:w-full tw:max-w-lg">
               <SearchBar
+                isFullWidth
                 onSearch={onSearch}
                 placeholder={localizedStrings['%lexicon_findRelatedWord_textField%']}
                 value={searchTerm}
diff --git a/platform.bible-extension/src/web-views/find-word.web-view.tsx b/platform.bible-extension/src/web-views/find-word.web-view.tsx
index 0bfb8d17f4..e5ef1fa262 100644
--- a/platform.bible-extension/src/web-views/find-word.web-view.tsx
+++ b/platform.bible-extension/src/web-views/find-word.web-view.tsx
@@ -95,8 +95,9 @@ globalThis.webViewComponent = function LexiconFindWord({
     <EntryListWrapper
       elementHeader={
         <div className="tw:flex tw:gap-2">
-          <div className="tw:max-w-72">
+          <div className="tw:w-full tw:max-w-72">
             <SearchBar
+              isFullWidth
               onSearch={onSearch}
               placeholder={localizedStrings['%lexicon_findWord_textField%']}
               value={searchTerm}