diff --git a/client/src/components/Header/index.js b/client/src/components/Header/index.js
index 44012ed169..03a23fcf99 100644
--- a/client/src/components/Header/index.js
+++ b/client/src/components/Header/index.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import FCCSearch from 'react-freecodecamp-search';
+import SearchBar from '../search/searchBar/SearchBar';
 
 import NavigationMenu from './components/NavMenu';
 import NavLogo from './components/NavLogo';
@@ -21,7 +21,7 @@ function Header(props) {
         <Link className='home-link' to='/'>
           <NavLogo />
         </Link>
-        {disableSettings ? null : <FCCSearch />}
+        {disableSettings ? null : <SearchBar />}
         {navigationMenu ? (
           navigationMenu
         ) : (
diff --git a/client/src/components/search/searchBar/SearchBar.js b/client/src/components/search/searchBar/SearchBar.js
index 16bb8e6831..9cecaa6b9d 100644
--- a/client/src/components/search/searchBar/SearchBar.js
+++ b/client/src/components/search/searchBar/SearchBar.js
@@ -38,7 +38,7 @@ const mapDispatchToProps = dispatch =>
 
 const placeholder = 'Search 8,000+ lessons, articles, and videos';
 
-class FCCSearchBar extends Component {
+class SearchBar extends Component {
   constructor(props) {
     super(props);
 
@@ -99,10 +99,10 @@ class FCCSearchBar extends Component {
   }
 }
 
-FCCSearchBar.displayName = 'FCCSearchBar';
-FCCSearchBar.propTypes = propTypes;
+SearchBar.displayName = 'SearchBar';
+SearchBar.propTypes = propTypes;
 
 export default connect(
   mapStateToProps,
   mapDispatchToProps
-)(FCCSearchBar);
+)(SearchBar);