diff --git a/src/components/navigation/www/navigation.jsx b/src/components/navigation/www/navigation.jsx
index 39e69c242..0f25c79da 100644
--- a/src/components/navigation/www/navigation.jsx
+++ b/src/components/navigation/www/navigation.jsx
@@ -135,6 +135,7 @@ class Navigation extends React.Component {
                             />
                             <Input
                                 aria-label={this.props.intl.formatMessage({id: 'general.search'})}
+                                className="search-input"
                                 name="q"
                                 placeholder={this.props.intl.formatMessage({id: 'general.search'})}
                                 type="text"
diff --git a/test/integration/navbar.test.js b/test/integration/navbar.test.js
index 403082645..7b7ff92a7 100644
--- a/test/integration/navbar.test.js
+++ b/test/integration/navbar.test.js
@@ -83,7 +83,7 @@ describe('www-integration navbar links', () => {
     });
 
     test('Search Bar', async () => {
-        let searchBar = await findByXpath('//input[@id="frc-q-1088"]');
+        let searchBar = await findByXpath('//div[contains(@class, "search-input")]/div/input');
         await searchBar.sendKeys('cat');
         await driver.sleep(500); // without it sends an empty string on submit
         await searchBar.submit();