diff --git a/src/components/pages/SearchPage.js b/src/components/pages/SearchPage.js
index 8fa2c69dd1..7730b96db2 100644
--- a/src/components/pages/SearchPage.js
+++ b/src/components/pages/SearchPage.js
@@ -1,18 +1,16 @@
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 
-import SearchFieldsComponent from '../search/SearchFieldsComponent';
-import SearchResultsComponent from '../search/SearchResultsComponent';
+import SearchFields from '../search/SearchFields';
+import SearchResults from '../search/SearchResultsComponent';
 
 const SearchPage = ({ serverId, parentId, collectionType }) => {
     const [ query, setQuery ] = useState(null);
 
     return (
         <>
-            <SearchFieldsComponent
-                onSearch={setQuery}
-            />
-            <SearchResultsComponent
+            <SearchFields onSearch={setQuery} />
+            <SearchResults
                 serverId={serverId || ApiClient.serverId()}
                 parentId={parentId}
                 collectionType={collectionType}
diff --git a/src/components/search/SearchFieldsComponent.js b/src/components/search/SearchFields.js
similarity index 95%
rename from src/components/search/SearchFieldsComponent.js
rename to src/components/search/SearchFields.js
index 652e2b7180..e76f533b15 100644
--- a/src/components/search/SearchFieldsComponent.js
+++ b/src/components/search/SearchFields.js
@@ -31,7 +31,7 @@ const createInputElement = () => ({
 
 const normalizeInput = (value = '') => value.trim();
 
-const SearchFieldsComponent = ({ onSearch = () => {} }) => {
+const SearchFields = ({ onSearch = () => {} }) => {
     const element = useRef(null);
 
     const getSearchInput = () => element?.current?.querySelector('.searchfields-txtSearch');
@@ -83,8 +83,8 @@ const SearchFieldsComponent = ({ onSearch = () => {} }) => {
     );
 };
 
-SearchFieldsComponent.propTypes = {
+SearchFields.propTypes = {
     onSearch: PropTypes.func
 };
 
-export default SearchFieldsComponent;
+export default SearchFields;