diff --git a/src/components/UI/SearchBar/index.tsx b/src/components/UI/SearchBar/index.tsx
index 889dd1221f..c4af7abd8c 100644
--- a/src/components/UI/SearchBar/index.tsx
+++ b/src/components/UI/SearchBar/index.tsx
@@ -42,7 +42,7 @@ export default function SearchBar() {
           ref={input}
           data-testid="searchInput"
           placeholder={t('search')}
-          id="search"
+          id="search" // this id is used for the virtualkeyboard, don't change it
           className="FormControl__input"
         />
       </FormControl>
diff --git a/src/helpers/gamepad.ts b/src/helpers/gamepad.ts
index 9ffbe88e10..f851adca92 100644
--- a/src/helpers/gamepad.ts
+++ b/src/helpers/gamepad.ts
@@ -175,7 +175,7 @@ export const initGamepad = () => {
     const el = currentElement()
     if (!el) return false
 
-    return el.classList.contains('searchInput')
+    return el.id === 'search'
   }
 
   function playable() {