diff --git a/packages/autocomplete-js/src/createAutocompleteDom.ts b/packages/autocomplete-js/src/createAutocompleteDom.ts
index 79fdb1264..130c0b4bb 100644
--- a/packages/autocomplete-js/src/createAutocompleteDom.ts
+++ b/packages/autocomplete-js/src/createAutocompleteDom.ts
@@ -161,6 +161,8 @@ export function createAutocompleteDom<TItem extends BaseItem>({
     const detachedSearchButton = createDomElement('button', {
       type: 'button',
       class: classNames.detachedSearchButton,
+      title: translations.detachedSearchButtonTitle,
+      id: labelProps.id,
       onClick() {
         setIsModalOpen(true);
       },
diff --git a/packages/autocomplete-js/src/getDefaultOptions.ts b/packages/autocomplete-js/src/getDefaultOptions.ts
index 4958302b2..d4319d140 100644
--- a/packages/autocomplete-js/src/getDefaultOptions.ts
+++ b/packages/autocomplete-js/src/getDefaultOptions.ts
@@ -138,6 +138,7 @@ export function getDefaultOptions<TItem extends BaseItem>(
   const defaultTranslations: AutocompleteTranslations = {
     clearButtonTitle: 'Clear',
     detachedCancelButtonText: 'Cancel',
+    detachedSearchButtonTitle: 'Search',
     submitButtonTitle: 'Submit',
   };
 
diff --git a/packages/autocomplete-shared/src/js/AutocompleteTranslations.ts b/packages/autocomplete-shared/src/js/AutocompleteTranslations.ts
index f42c53645..1847c9b76 100644
--- a/packages/autocomplete-shared/src/js/AutocompleteTranslations.ts
+++ b/packages/autocomplete-shared/src/js/AutocompleteTranslations.ts
@@ -2,4 +2,5 @@ export type AutocompleteTranslations = {
   detachedCancelButtonText: string;
   clearButtonTitle: string;
   submitButtonTitle: string;
+  detachedSearchButtonTitle: string;
 };