diff --git a/client/src/components/search/searchPage/EmptySearch.js b/client/src/components/search/searchPage/EmptySearch.js
index a6647dc912..dc1727dd32 100644
--- a/client/src/components/search/searchPage/EmptySearch.js
+++ b/client/src/components/search/searchPage/EmptySearch.js
@@ -3,7 +3,11 @@ import React from 'react';
import './empty-search.css';
function EmptySearch() {
- return
Empty Search
;
+ return (
+
+ Looking for something? Try the search bar on this page.
+
+ );
}
EmptySearch.displayName = 'EmptySearch';
diff --git a/client/src/pages/search.css b/client/src/pages/search.css
new file mode 100644
index 0000000000..7e793b7c52
--- /dev/null
+++ b/client/src/pages/search.css
@@ -0,0 +1,5 @@
+.powered-by-wrapper {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
diff --git a/client/src/pages/search.js b/client/src/pages/search.js
index 714091be51..7f6c642eab 100644
--- a/client/src/pages/search.js
+++ b/client/src/pages/search.js
@@ -2,11 +2,14 @@ import React, { Fragment, Component } from 'react';
import PropTypes from 'prop-types';
import Helmet from 'react-helmet';
import { connect } from 'react-redux';
-import { Index, PoweredBy } from 'react-instantsearch-dom';
+import { Index, PoweredBy as PoweredByAlgolia } from 'react-instantsearch-dom';
import { Grid, Row, Col } from '@freecodecamp/react-bootstrap';
import { updateSearchQuery } from '../components/search/redux';
import SearchPageHits from '../components/search/searchPage/SearchPageHits';
+import Spacer from '../components/helpers/Spacer';
+
+import './search.css';
const propTypes = { updateSearchQuery: PropTypes.func.isRequired };
@@ -29,7 +32,9 @@ class SearchPage extends Component {
-
+
+
+