diff --git a/src/components/MobileHeader.js b/src/components/MobileHeader.js
index d494717c0..cccba0dc1 100644
--- a/src/components/MobileHeader.js
+++ b/src/components/MobileHeader.js
@@ -4,8 +4,7 @@ import { css } from '@emotion/core';
 import { Link } from 'gatsby';
 import Logo from './Logo';
 import Navigation from './Navigation';
-import { HamburgerMenu } from '@newrelic/gatsby-theme-newrelic';
-import SearchInput from './SearchInput';
+import { HamburgerMenu, SearchInput } from '@newrelic/gatsby-theme-newrelic';
 
 const MobileHeader = ({ className, isOpen, toggle }) => {
   const [searchTerm, setSearchTerm] = useState('');
diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
index cfc18c044..0f18cfa0f 100644
--- a/src/components/Sidebar.js
+++ b/src/components/Sidebar.js
@@ -4,7 +4,7 @@ import { css } from '@emotion/core';
 import { Link } from 'gatsby';
 import Logo from './Logo';
 import Navigation from './Navigation';
-import SearchInput from './SearchInput';
+import { SearchInput } from '@newrelic/gatsby-theme-newrelic';
 
 const Sidebar = ({ className }) => {
   const [searchTerm, setSearchTerm] = useState('');