Change Reset Filters/Sort button style to tertiary

client/src/components/Button/TertiaryButton.jsx

@@ -0,0 +1,32 @@
+import React from "react";
+import PropTypes from "prop-types";
+import Button from "./Button";
+import { MdPrint } from "react-icons/md";
+
+const TertiaryButton = ({ id, onClick, isDisabled, isDisplayed, children }) => {
+  return (
+    <Button
+      type="input"
+      color={"colorDisabled"}
+      variant="download"
+      onClick={onClick}
+      id={id}
+      data-testid={id}
+      disabled={isDisabled}
+      isDisplayed={isDisplayed}
+    >
+      <MdPrint style={{ marginRight: "0.5em" }} />
+      {children}
+    </Button>
+  );
+};
+
+TertiaryButton.propTypes = {
+  children: PropTypes.object,
+  onClick: PropTypes.func,
+  id: PropTypes.string.isRequired,
+  isDisabled: PropTypes.bool,
+  isDisplayed: PropTypes.bool.isRequired
+};
+
+export default TertiaryButton;

client/src/components/Projects/ProjectsPage.jsx

@@ -27,6 +27,7 @@ import MultiProjectToolbarMenu from "./MultiProjectToolbarMenu";
 import fetchEngineRules from "./fetchEngineRules";
 import UniversalSelect from "../UI/UniversalSelect";
 import ProjectTableColumnHeader from "./ColumnHeaderPopups/ProjectTableColumnHeader";
+import TertiaryButton from "../Button/TertiaryButton";
 
 const useStyles = createUseStyles({
   outerDiv: {
@@ -941,12 +942,12 @@ const ProjectsPage = ({ contentContainerRef }) => {
                     <MdOutlineSearch className={classes.searchIcon} />
                   </div>
                   <div>
-                    <button
+                    <TertiaryButton
                       onClick={resetFiltersSort}
                       style={{ height: "40px" }}
                     >
                       RESET FILTERS/SORT
-                    </button>
+                    </TertiaryButton>
                     {/* {filterCollapsed ? (
                       <button
                         alt="Show Filter Criteria"