styling search count

components/searchBar/index.js

@@ -29,8 +29,7 @@ const SearchBar = props => (
         }
       </form>
       {props.numResults > 0 && props.numResults[0] !== null ?
-        // eslint-disable-next-line
-        <p style={{marginTop: '32px'}}>{ props.numMatchedTerms } search term matches | { props.numResults } interviews</p> :
+        <p className="search-count">{ props.numMatchedTerms } search term matches | { props.numResults } interview matches</p> :
       ''}
     </div>
   </div>

components/searchBar/style.scss

@@ -71,3 +71,8 @@
     outline: none;
   }
 }
+
+.search-count {
+  margin: calculateRem(36) 0;
+  font-size: calculateRem(13);
+}

components/searchResults/style.scss

@@ -1,6 +1,7 @@
 @import './assets/styles/global.scss';
 
 .search-results {
+  margin-top: calculateRem(32);
 
   li {
     margin-bottom: calculateRem(32);