diff --git a/src/components/dropzone/dropzone.js b/src/components/dropzone/dropzone.js
index 28aa4246e..15c6df910 100644
--- a/src/components/dropzone/dropzone.js
+++ b/src/components/dropzone/dropzone.js
@@ -23,7 +23,11 @@ const Dropzone = ({
   // dropzone's built-in dragging status doesn't seem to work if there's anything rendered over the root div
   const [dragging, setDragging] = useState(false);
 
-  const { getRootProps, getInputProps, open: openUploader } = useDropzone({
+  const {
+    getRootProps,
+    getInputProps,
+    open: openUploader,
+  } = useDropzone({
     // Disable native files selection dialog - we'll handle this manually
     noClick: true,
     // Disable space/enter to open native files selection dialog
@@ -41,7 +45,7 @@ const Dropzone = ({
       setDragging(false);
       onDragLeave && onDragLeave(...args);
     },
-    ...props
+    ...props,
   });
 
   return (
diff --git a/src/components/explore/exploreControls.js b/src/components/explore/exploreControls.js
index ff05dc467..d2bb168af 100644
--- a/src/components/explore/exploreControls.js
+++ b/src/components/explore/exploreControls.js
@@ -34,7 +34,7 @@ let organTermList = [
   "pancreas",
   "heart",
   "immune system",
-  "skin of body"
+  "skin of body",
 ];
 
 class ExploreControls extends React.Component {
@@ -86,7 +86,7 @@ class ExploreControls extends React.Component {
     }
   };
 
-  getOrganDisplayLabel = organ => {
+  getOrganDisplayLabel = (organ) => {
     const displayLabel = this.translateOrganNameToDisplayLabel(organ); // Converts any organ to corresponding display label (if specified)
 
     return stringFormatter.convertSentenceCaseToTitleCase(displayLabel);
@@ -96,7 +96,7 @@ class ExploreControls extends React.Component {
     return document.querySelectorAll("[id^=organ]");
   };
 
-  getOrganFilter = organ => {
+  getOrganFilter = (organ) => {
     const { cellCountSummaries } = this.props;
 
     if (!cellCountSummaries || cellCountSummaries.length === 0) {
@@ -104,11 +104,11 @@ class ExploreControls extends React.Component {
     }
 
     return cellCountSummaries.filter(
-      cellCountSummary => cellCountSummary.label === organ
+      (cellCountSummary) => cellCountSummary.label === organ
     );
   };
 
-  getOrganId = organ => {
+  getOrganId = (organ) => {
     const idStem = stringFormatter
       .convertSentenceCaseToTitleCase(organ)
       .replace(/\s/g, "");
@@ -116,11 +116,11 @@ class ExploreControls extends React.Component {
     return `organ${idStem}`;
   };
 
-  getOrganIdStem = organId => {
+  getOrganIdStem = (organId) => {
     return organId.split("organ")[1]; // Reverts organ id to organ id stem
   };
 
-  isOrganSummarized = organ => {
+  isOrganSummarized = (organ) => {
     return this.getOrganFilter(organ).length > 0; // Returns true when the specified organ is listed in the summary
   };
 
@@ -128,13 +128,13 @@ class ExploreControls extends React.Component {
     const organEls = this.getOrganEls();
 
     // Remove event listener for mouse over and mouse out and click event of organ elements
-    organEls.forEach(organEl => {
+    organEls.forEach((organEl) => {
       organEl.removeEventListener("mouseenter", this.setOrganActive(organEl));
       organEl.removeEventListener("mouseleave", this.clearOrganActive());
     });
   };
 
-  setOrganActive = organEl => {
+  setOrganActive = (organEl) => {
     return () => {
       const organId = this.getOrganIdStem(organEl.getAttribute("id"));
       const organLabel = stringFormatter
@@ -151,17 +151,17 @@ class ExploreControls extends React.Component {
     const organEls = this.getOrganEls();
 
     // Add event listener for mouse over and mouse out and click event of organ elements
-    organEls.forEach(organEl => {
+    organEls.forEach((organEl) => {
       organEl.addEventListener("mouseenter", this.setOrganActive(organEl));
       organEl.addEventListener("mouseleave", this.clearOrganActive());
     });
   };
 
-  stringifyOrganFilter = term => {
+  stringifyOrganFilter = (term) => {
     return JSON.stringify([{ facetName: "specimenOrgan", terms: [term] }]);
   };
 
-  translateOrganNameToDisplayLabel = organName => {
+  translateOrganNameToDisplayLabel = (organName) => {
     switch (organName) {
       case "bone tissue":
         return "bone";
@@ -176,7 +176,7 @@ class ExploreControls extends React.Component {
     }
   };
 
-  visitExploreLink = organ => {
+  visitExploreLink = (organ) => {
     if (!this.isOrganSummarized(organ)) {
       return; // Corresponding organ is not summarised by cell count summary
     }
@@ -208,7 +208,7 @@ class ExploreControls extends React.Component {
             ? organTermList.map((organ, i) => (
                 <ClickHandler
                   className={classNames(compStyles.organ, {
-                    [compStyles.unspecified]: !this.isOrganSummarized(organ)
+                    [compStyles.unspecified]: !this.isOrganSummarized(organ),
                   })}
                   clickAction={() => this.visitExploreLink(organ)}
                   id={this.getOrganId(organ)}
diff --git a/src/components/explore/exploreDiagram.js b/src/components/explore/exploreDiagram.js
index f076274d8..3c5ce6315 100644
--- a/src/components/explore/exploreDiagram.js
+++ b/src/components/explore/exploreDiagram.js
@@ -24,7 +24,7 @@ class ExploreDiagram extends React.Component {
     this.setOrganAttributes();
   }
 
-  getOrganEl = organ => {
+  getOrganEl = (organ) => {
     // Note, svg organ element id stem should correspond with browser cell count summary label
     return organ ? document.querySelector(`[id^=path${organ}]`) : null; // Returns corresponding organ element when organ is specified
   };
diff --git a/src/components/figure-styles/figure-styles.js b/src/components/figure-styles/figure-styles.js
index ddc0883ec..ed0abfcf6 100644
--- a/src/components/figure-styles/figure-styles.js
+++ b/src/components/figure-styles/figure-styles.js
@@ -37,7 +37,7 @@ import React, { useCallback, useEffect, useRef } from "react";
 function FigureStyles(props) {
   const { children, shadowless, width } = props;
   const refFigure = useRef(null);
-  const figureEl = children?.filter(child => child?.type); // Filter for React Elements.
+  const figureEl = children?.filter((child) => child?.type); // Filter for React Elements.
   const figureExists = figureEl && figureEl.length > 0;
 
   const getComponentStyles = useCallback(() => {
@@ -73,7 +73,7 @@ function FigureStyles(props) {
   };
 
   const getGatsbyRespImageWrapperStyles = useCallback(
-    el => {
+    (el) => {
       const wrapperStyles = el.getAttribute("style");
       const componentStyles = getComponentStyles();
 
@@ -99,7 +99,7 @@ function FigureStyles(props) {
   }, [mergeStyles]);
 
   return figureExists ? (
-    React.Children.map(figureEl, figEl =>
+    React.Children.map(figureEl, (figEl) =>
       React.cloneElement(figEl, { ref: refFigure })
     )
   ) : (
diff --git a/src/components/footer-link/footer-link.js b/src/components/footer-link/footer-link.js
index 9ce9a6087..a1fda18ee 100644
--- a/src/components/footer-link/footer-link.js
+++ b/src/components/footer-link/footer-link.js
@@ -6,7 +6,7 @@
  */
 
 // Core dependencies
-import {Link} from "gatsby";
+import { Link } from "gatsby";
 import React from "react";
 
 // Class name helper
diff --git a/src/components/footer-links-lungmap/footer-links-lungmap.js b/src/components/footer-links-lungmap/footer-links-lungmap.js
index 7dda039b9..bae139708 100644
--- a/src/components/footer-links-lungmap/footer-links-lungmap.js
+++ b/src/components/footer-links-lungmap/footer-links-lungmap.js
@@ -17,7 +17,7 @@ import * as compStyles from "./footer-links-lungmap.module.css";
 function FooterLinksLungMAP() {
   const link = {
     name: "Privacy",
-    path: "/lungmap-privacy"
+    path: "/lungmap-privacy",
   };
   return (
     <div className={compStyles.links}>
diff --git a/src/components/hcaAutosuggest/hcaAutosuggest.js b/src/components/hcaAutosuggest/hcaAutosuggest.js
index ef3c97dac..2566b7dea 100644
--- a/src/components/hcaAutosuggest/hcaAutosuggest.js
+++ b/src/components/hcaAutosuggest/hcaAutosuggest.js
@@ -26,19 +26,19 @@ class HCAAutosuggest extends React.Component {
       suggestions: [],
       suggestionsFound: false,
       touched: false,
-      value: ""
+      value: "",
     };
   }
 
-  escapeRegexCharacters = str => {
+  escapeRegexCharacters = (str) => {
     return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
   };
 
-  getSectionSuggestions = section => {
+  getSectionSuggestions = (section) => {
     return section.terms;
   };
 
-  findMatchingSuggestions = value => {
+  findMatchingSuggestions = (value) => {
     const escapedValue = this.escapeRegexCharacters(value.trim());
     const regex = new RegExp(escapedValue, "i");
 
@@ -47,13 +47,15 @@ class HCAAutosuggest extends React.Component {
         return {
           facetName: section.facetName,
           facetDisplayName: section.facetDisplayName,
-          terms: section.terms.filter(term => regex.test(term.termDisplayName))
+          terms: section.terms.filter((term) =>
+            regex.test(term.termDisplayName)
+          ),
         };
       })
-      .filter(section => section.terms.length > 0);
+      .filter((section) => section.terms.length > 0);
   };
 
-  getSuggestionValue = suggestion => suggestion.termDisplayName;
+  getSuggestionValue = (suggestion) => suggestion.termDisplayName;
 
   onChange = (event, { newValue, method }) => {
     this.props.onSelected();
@@ -67,7 +69,7 @@ class HCAAutosuggest extends React.Component {
 
   onSuggestionsClearRequested = () => {
     this.setState({
-      suggestions: []
+      suggestions: [],
     });
   };
 
@@ -83,7 +85,7 @@ class HCAAutosuggest extends React.Component {
       suggestions: suggestions.length
         ? suggestions
         : this.props.autosuggestData,
-      touched: true
+      touched: true,
     });
 
     if (touched) {
@@ -106,9 +108,9 @@ class HCAAutosuggest extends React.Component {
     this.props.onEnter();
   };
 
-  renderSectionTitle = section => section.facetDisplayName;
+  renderSectionTitle = (section) => section.facetDisplayName;
 
-  renderSuggestion = suggestion => {
+  renderSuggestion = (suggestion) => {
     const { showCounts } = this.props;
     return (
       <div className={compStyles.hcaOption}>
@@ -129,13 +131,13 @@ class HCAAutosuggest extends React.Component {
       onBlur: this.props.onBlur,
       onChange: this.onChange,
       placeholder: this.props.placeholder,
-      value
+      value,
     };
 
     return (
       <div
         className={classNames(compStyles.search, {
-          [compStyles.error]: !suggestionsFound
+          [compStyles.error]: !suggestionsFound,
         })}
       >
         <Autosuggest
diff --git a/src/components/hcaContent/hcaContent.js b/src/components/hcaContent/hcaContent.js
index ce60314a9..13a65c16e 100644
--- a/src/components/hcaContent/hcaContent.js
+++ b/src/components/hcaContent/hcaContent.js
@@ -38,7 +38,7 @@ class HCAContent extends React.Component {
     return showTOC;
   };
 
-  onHandleUseTOC = event => {
+  onHandleUseTOC = (event) => {
     this.setState({ showTOC: event });
   };
 
@@ -50,12 +50,12 @@ class HCAContent extends React.Component {
       label,
       links,
       metadataContent,
-      tabKey
+      tabKey,
     } = this.props;
     const useToc = this.isUseToc();
     const useNav = this.isUseNav();
     const classNamesContent = classNames(compStyles.hcaContent, {
-      [compStyles.metadataContent]: metadataContent
+      [compStyles.metadataContent]: metadataContent,
     });
 
     return (
diff --git a/src/components/hcaMain/hcaMain.js b/src/components/hcaMain/hcaMain.js
index 7fe82701b..23d94b55d 100644
--- a/src/components/hcaMain/hcaMain.js
+++ b/src/components/hcaMain/hcaMain.js
@@ -28,7 +28,7 @@ function HCAMain(props) {
       metadataContent,
       nav,
       onHandleSiteScroll,
-      sectionTitle
+      sectionTitle,
     } = props,
     { label, links, secondaryTabs, section, tabKey, tabs } = nav || {};
   const showMetadataSearch = docPath ? docPath.startsWith("/metadata") : false;
diff --git a/src/components/headerNavDropDown/headerNavDropDown.js b/src/components/headerNavDropDown/headerNavDropDown.js
index fcbf8c391..c284c30ef 100644
--- a/src/components/headerNavDropDown/headerNavDropDown.js
+++ b/src/components/headerNavDropDown/headerNavDropDown.js
@@ -30,7 +30,7 @@ class HeaderNavDropDown extends React.Component {
     window.removeEventListener("mousedown", this.handleClick, false);
   }
 
-  addDropDownClass = child => {
+  addDropDownClass = (child) => {
     const { stack } = this.props,
       { openDropDown } = this.state;
 
@@ -44,7 +44,7 @@ class HeaderNavDropDown extends React.Component {
     return React.cloneElement(child, props);
   };
 
-  handleClick = e => {
+  handleClick = (e) => {
     if (this.dropDown.current && !this.dropDown.current.contains(e.target)) {
       this.setState({ openDropDown: false });
     }
diff --git a/src/components/highlight/highlight.js b/src/components/highlight/highlight.js
index d41196e82..c81aec77a 100644
--- a/src/components/highlight/highlight.js
+++ b/src/components/highlight/highlight.js
@@ -28,7 +28,7 @@ function Highlight(props) {
       const regex = MetadataSearchService.onHandleSpecialChars(term)
         .trim()
         .split(/[.|_\s]/g)
-        .filter(term => !!term)
+        .filter((term) => !!term)
         .join("|");
 
       setTermRegex(new RegExp(`(${regex})`, "gi"));
diff --git a/src/components/internal-link/internalLink.js b/src/components/internal-link/internalLink.js
index 46091d96d..a5e9c362d 100644
--- a/src/components/internal-link/internalLink.js
+++ b/src/components/internal-link/internalLink.js
@@ -19,14 +19,14 @@ import * as compStyles from "./internalLink.module.css";
 function InternalLink(props) {
   const { anchor, relative } = props;
 
-  const onAnchorClicked = anchor => {
+  const onAnchorClicked = (anchor) => {
     navigate(`#${anchor}`);
   };
 
   return (
     <button
       className={classNames(compStyles.anchor, {
-        [compStyles.anchorRelative]: relative
+        [compStyles.anchorRelative]: relative,
       })}
       onClick={() => onAnchorClicked(anchor)}
       aria-label={anchor}
diff --git a/src/components/linkToBrowser/linkToBrowser.js b/src/components/linkToBrowser/linkToBrowser.js
index fa089cc0a..1970d2b93 100644
--- a/src/components/linkToBrowser/linkToBrowser.js
+++ b/src/components/linkToBrowser/linkToBrowser.js
@@ -16,8 +16,8 @@
 import React from "react";
 
 // App dependencies
-import {Relationship} from "../../utils/anchor/relationship.model";
-import {Target} from "../../utils/anchor/target.model";
+import { Relationship } from "../../utils/anchor/relationship.model";
+import { Target } from "../../utils/anchor/target.model";
 
 class LinkToBrowser extends React.Component {
   trimRelativeLink = () => {
diff --git a/src/components/markdown/markdown.js b/src/components/markdown/markdown.js
index e979b22b0..c7b5a9bb0 100644
--- a/src/components/markdown/markdown.js
+++ b/src/components/markdown/markdown.js
@@ -33,8 +33,8 @@ function Markdown(props) {
       "figure-styles": FigureStyles,
       "internal-link": InternalLink,
       "link-to-browser": LinkToBrowser,
-      "metadata-type-entity-schemas": MetadataTypeEntitySchemas
-    }
+      "metadata-type-entity-schemas": MetadataTypeEntitySchemas,
+    },
   }).Compiler;
 
   /**
@@ -47,15 +47,15 @@ function Markdown(props) {
     if (markdownNodes) {
       /* Grab only table elements that are direct descendants of the markdown. */
       const tableNodes = [...markdownNodes].filter(
-        node => node.nodeName === "TABLE"
+        (node) => node.nodeName === "TABLE"
       );
 
       /* For each table node, wrap within a container element. */
-      tableNodes.forEach(tableEl => insertTableOverflowNode(tableEl));
+      tableNodes.forEach((tableEl) => insertTableOverflowNode(tableEl));
     }
   }, []);
 
-  const insertTableOverflowNode = tableEl => {
+  const insertTableOverflowNode = (tableEl) => {
     /* Create the container with "tableContainer" class. */
     const containerEl = document.createElement("div");
     containerEl.classList.add(compStyles.tableContainer);
@@ -71,7 +71,7 @@ function Markdown(props) {
    * Track user clicks on survey link.
    * TODO generalize to handle tracking of other links.
    */
-  const trackSurveyLaunch = e => {
+  const trackSurveyLaunch = (e) => {
     const { target } = e;
     if (target.tagName === "A" && target.innerText === "survey") {
       DPGTMService.trackSurveyLaunch(SurveyName["2021_SPRING_MATRIX_UX"]);
diff --git a/src/components/metadata/contextMetadataDisplaying/contextMetadataDisplaying.js b/src/components/metadata/contextMetadataDisplaying/contextMetadataDisplaying.js
index 0f95a3c78..4e72865ae 100644
--- a/src/components/metadata/contextMetadataDisplaying/contextMetadataDisplaying.js
+++ b/src/components/metadata/contextMetadataDisplaying/contextMetadataDisplaying.js
@@ -17,7 +17,7 @@ const ContextMetadataDisplaying = React.createContext({
   showAllMetadata: true,
   onHandleNavigationHit: () => {},
   onHandleNavigationSearchHit: () => {},
-  onHandleToggleRequiredFields: () => {}
+  onHandleToggleRequiredFields: () => {},
 });
 
 export default ContextMetadataDisplaying;
diff --git a/src/components/metadata/contextMetadataSearch/contextMetadataSearch.js b/src/components/metadata/contextMetadataSearch/contextMetadataSearch.js
index 1365713c8..ce06368d6 100644
--- a/src/components/metadata/contextMetadataSearch/contextMetadataSearch.js
+++ b/src/components/metadata/contextMetadataSearch/contextMetadataSearch.js
@@ -16,7 +16,7 @@ const ContextMetadataSearch = React.createContext({
   showResultsPanel: false,
   onHandleSearch: () => {},
   onHandleSearchClose: () => {},
-  onHandleSearchOpen: () => {}
+  onHandleSearchOpen: () => {},
 });
 
 export default ContextMetadataSearch;
diff --git a/src/components/metadata/contextMetadataToggleRequiredFields/contextMetadataToggleRequiredFields.js b/src/components/metadata/contextMetadataToggleRequiredFields/contextMetadataToggleRequiredFields.js
index c63eee2e0..60487f457 100644
--- a/src/components/metadata/contextMetadataToggleRequiredFields/contextMetadataToggleRequiredFields.js
+++ b/src/components/metadata/contextMetadataToggleRequiredFields/contextMetadataToggleRequiredFields.js
@@ -12,7 +12,7 @@ import React from "react";
 
 const ContextMetadataToggleRequiredFields = React.createContext({
   showAllMetadata: true,
-  onHandleToggleRequiredFields: () => {}
+  onHandleToggleRequiredFields: () => {},
 });
 
 export default ContextMetadataToggleRequiredFields;
diff --git a/src/components/metadata/metadataSchema/metadataSchema.js b/src/components/metadata/metadataSchema/metadataSchema.js
index df9842f04..a50572e34 100644
--- a/src/components/metadata/metadataSchema/metadataSchema.js
+++ b/src/components/metadata/metadataSchema/metadataSchema.js
@@ -14,8 +14,8 @@ import MetadataSchemaNoRequiredProperties from "../metadataSchemaNoRequiredPrope
 import MetadataSchemaProperties from "../metadataSchemaProperties/metadataSchemaProperties";
 import MetadataSchemaUsedBys from "../metadataSchemaUsedBys/metadataSchemaUsedBys";
 import MetadataToggleRequiredFields from "../metadataToggleRequiredFields/metadataToggleRequiredFields";
-import {Relationship} from "../../../utils/anchor/relationship.model";
-import {Target} from "../../../utils/anchor/target.model";
+import { Relationship } from "../../../utils/anchor/relationship.model";
+import { Target } from "../../../utils/anchor/target.model";
 
 // Class name helper
 import classNames from "classnames";
diff --git a/src/components/metadata/metadataSchemaPropertyFieldDataType/metadataSchemaPropertyFieldDataType.js b/src/components/metadata/metadataSchemaPropertyFieldDataType/metadataSchemaPropertyFieldDataType.js
index f24f84424..92697bbe8 100644
--- a/src/components/metadata/metadataSchemaPropertyFieldDataType/metadataSchemaPropertyFieldDataType.js
+++ b/src/components/metadata/metadataSchemaPropertyFieldDataType/metadataSchemaPropertyFieldDataType.js
@@ -6,7 +6,7 @@
  */
 
 // Core dependencies
-import {Link} from "gatsby";
+import { Link } from "gatsby";
 import React from "react";
 
 // App dependencies
diff --git a/src/components/metadata/metadataSchemaPropertyFieldFriendlies/metadataSchemaPropertyFieldFriendlies.js b/src/components/metadata/metadataSchemaPropertyFieldFriendlies/metadataSchemaPropertyFieldFriendlies.js
index c7cecaf51..8b5529ab2 100644
--- a/src/components/metadata/metadataSchemaPropertyFieldFriendlies/metadataSchemaPropertyFieldFriendlies.js
+++ b/src/components/metadata/metadataSchemaPropertyFieldFriendlies/metadataSchemaPropertyFieldFriendlies.js
@@ -25,7 +25,7 @@ function MetadataSchemaPropertyFieldFriendlies(props) {
   const showFriendlies = propertyFriendlies && propertyFriendlies.length > 0;
   const friendlyDepth = showFriendlies ? propertyFriendlies.length - 1 : 0;
 
-  const Friendly = props => {
+  const Friendly = (props) => {
     const { counter, friendly, friendlyDepth } = props;
     const lastFriendly = counter === friendlyDepth;
     const showArrow = !lastFriendly;
diff --git a/src/components/metadata/metadataSchemaPropertyFieldFromRef/metadataSchemaPropertyFieldFromRef.js b/src/components/metadata/metadataSchemaPropertyFieldFromRef/metadataSchemaPropertyFieldFromRef.js
index 0b1c81c43..89d9e22a5 100644
--- a/src/components/metadata/metadataSchemaPropertyFieldFromRef/metadataSchemaPropertyFieldFromRef.js
+++ b/src/components/metadata/metadataSchemaPropertyFieldFromRef/metadataSchemaPropertyFieldFromRef.js
@@ -7,7 +7,7 @@
  */
 
 // Core dependencies
-import {Link} from "gatsby";
+import { Link } from "gatsby";
 import React from "react";
 
 function MetadataSchemaPropertyFieldFromRef(props) {
diff --git a/src/components/metadata/metadataSchemaPropertyFieldGraphRestrictionClass/metadataSchemaPropertyFieldGraphRestrictionClass.js b/src/components/metadata/metadataSchemaPropertyFieldGraphRestrictionClass/metadataSchemaPropertyFieldGraphRestrictionClass.js
index af07e6195..7fe94bc7a 100644
--- a/src/components/metadata/metadataSchemaPropertyFieldGraphRestrictionClass/metadataSchemaPropertyFieldGraphRestrictionClass.js
+++ b/src/components/metadata/metadataSchemaPropertyFieldGraphRestrictionClass/metadataSchemaPropertyFieldGraphRestrictionClass.js
@@ -9,8 +9,8 @@
 import React from "react";
 
 // App dependencies
-import {Relationship} from "../../../utils/anchor/relationship.model";
-import {Target} from "../../../utils/anchor/target.model";
+import { Relationship } from "../../../utils/anchor/relationship.model";
+import { Target } from "../../../utils/anchor/target.model";
 import * as MetadataService from "../../../utils/metadata.service";
 
 function MetadataSchemaPropertyFieldGraphRestrictionClass(props) {
diff --git a/src/components/metadata/metadataSchemaPropertyFieldGraphRestrictionOntology/metadataSchemaPropertyFieldGraphRestrictionOntology.js b/src/components/metadata/metadataSchemaPropertyFieldGraphRestrictionOntology/metadataSchemaPropertyFieldGraphRestrictionOntology.js
index 11cda0cfe..82dab9854 100644
--- a/src/components/metadata/metadataSchemaPropertyFieldGraphRestrictionOntology/metadataSchemaPropertyFieldGraphRestrictionOntology.js
+++ b/src/components/metadata/metadataSchemaPropertyFieldGraphRestrictionOntology/metadataSchemaPropertyFieldGraphRestrictionOntology.js
@@ -9,8 +9,8 @@
 import React from "react";
 
 // App dependencies
-import {Relationship} from "../../../utils/anchor/relationship.model";
-import {Target} from "../../../utils/anchor/target.model";
+import { Relationship } from "../../../utils/anchor/relationship.model";
+import { Target } from "../../../utils/anchor/target.model";
 import * as MetadataService from "../../../utils/metadata.service";
 
 function MetadataSchemaPropertyFieldGraphRestrictionOntology(props) {
diff --git a/src/components/metadata/metadataSchemaPropertyPanel/metadataSchemaPropertyPanel.js b/src/components/metadata/metadataSchemaPropertyPanel/metadataSchemaPropertyPanel.js
index b62cfdd76..3afded478 100644
--- a/src/components/metadata/metadataSchemaPropertyPanel/metadataSchemaPropertyPanel.js
+++ b/src/components/metadata/metadataSchemaPropertyPanel/metadataSchemaPropertyPanel.js
@@ -23,11 +23,11 @@ function MetadataSchemaPropertyPanel(props) {
     identifier,
     onHandleClick,
     secondary,
-    tertiary
+    tertiary,
   } = props;
   const attributes = {
     ...(identifier && { id: identifier }),
-    ...(onHandleClick && { role: "presentation" })
+    ...(onHandleClick && { role: "presentation" }),
   };
   const classNamesPanel = classNames(
     { [compStyles.border]: border },
diff --git a/src/components/metadata/metadataSchemaPropertyPanelBundle/metadataSchemaPropertyPanelBundle.js b/src/components/metadata/metadataSchemaPropertyPanelBundle/metadataSchemaPropertyPanelBundle.js
index 69ab84748..e9954db3a 100644
--- a/src/components/metadata/metadataSchemaPropertyPanelBundle/metadataSchemaPropertyPanelBundle.js
+++ b/src/components/metadata/metadataSchemaPropertyPanelBundle/metadataSchemaPropertyPanelBundle.js
@@ -15,7 +15,7 @@ function MetadataSchemaPropertyPanelBundle(props) {
   const attributes = { ...(mouseEvents && { role: "presentation" }) };
   const events = {
     ...(onHandleMouseEnter && { onMouseEnter: onHandleMouseEnter }),
-    ...(onHandleMouseLeave && { onMouseLeave: onHandleMouseLeave })
+    ...(onHandleMouseLeave && { onMouseLeave: onHandleMouseLeave }),
   };
 
   return (
diff --git a/src/components/metadata/metadataSchemaPropertyWordWrapper/metadataSchemaPropertyWordWrapper.js b/src/components/metadata/metadataSchemaPropertyWordWrapper/metadataSchemaPropertyWordWrapper.js
index 847ef9e15..2e5a00f19 100644
--- a/src/components/metadata/metadataSchemaPropertyWordWrapper/metadataSchemaPropertyWordWrapper.js
+++ b/src/components/metadata/metadataSchemaPropertyWordWrapper/metadataSchemaPropertyWordWrapper.js
@@ -27,7 +27,7 @@ class MetadataSchemaPropertyWordWrapper extends React.Component {
       { [compStyles.wrap]: wrap }
     );
 
-    const StackWord = props => {
+    const StackWord = (props) => {
       const { children, counter, word, wordDepth } = props;
       const firstStack = counter === 0;
       const lastStack = counter === wordDepth;
@@ -42,7 +42,7 @@ class MetadataSchemaPropertyWordWrapper extends React.Component {
       );
     };
 
-    const WrapWord = props => {
+    const WrapWord = (props) => {
       const { counter, firstStack, word } = props;
       const showDot = counter === 0 && !firstStack;
       const showSeparator = counter !== 0;
diff --git a/src/components/metadata/metadataSearchInput/metadataSearchInput.js b/src/components/metadata/metadataSearchInput/metadataSearchInput.js
index 40ea1be0f..5ad10cbde 100644
--- a/src/components/metadata/metadataSearchInput/metadataSearchInput.js
+++ b/src/components/metadata/metadataSearchInput/metadataSearchInput.js
@@ -12,7 +12,7 @@ import React, {
   useContext,
   useEffect,
   useRef,
-  useState
+  useState,
 } from "react";
 
 // App dependencies
@@ -27,7 +27,7 @@ function MetadataSearchInput() {
     inputActive,
     onHandleSearch,
     onHandleSearchClose,
-    onHandleSearchOpen
+    onHandleSearchOpen,
   } = useContext(ContextMetadataSearch);
   const currentLocation = useLocation();
   const delaySearchRef = useRef(0);
@@ -57,7 +57,7 @@ function MetadataSearchInput() {
   }, [onHandleSearch]);
 
   const onHandleKeyDown = useCallback(
-    keyEvent => {
+    (keyEvent) => {
       const { key } = keyEvent;
 
       /* Key arrow up - prevent default. */
diff --git a/src/components/metadata/metadataSearchResult/metadataSearchResult.js b/src/components/metadata/metadataSearchResult/metadataSearchResult.js
index e4ffc69e7..76f61d004 100644
--- a/src/components/metadata/metadataSearchResult/metadataSearchResult.js
+++ b/src/components/metadata/metadataSearchResult/metadataSearchResult.js
@@ -27,7 +27,7 @@ function MetadataSearchResult(props) {
       result,
       setActiveCounter,
       setActiveResult,
-      setActiveResultEl
+      setActiveResultEl,
     } = props,
     { type } = result || {};
   const { onHandleNavigationSearchHit } = useContext(ContextMetadataDisplaying);
diff --git a/src/components/metadata/metadataSearchResultsPanelKeyDownSpy/metadataSearchResultsPanelKeyDownSpy.js b/src/components/metadata/metadataSearchResultsPanelKeyDownSpy/metadataSearchResultsPanelKeyDownSpy.js
index 2a3baf70c..e546753ec 100644
--- a/src/components/metadata/metadataSearchResultsPanelKeyDownSpy/metadataSearchResultsPanelKeyDownSpy.js
+++ b/src/components/metadata/metadataSearchResultsPanelKeyDownSpy/metadataSearchResultsPanelKeyDownSpy.js
@@ -78,10 +78,10 @@ function MetadataSearchResultsPanelKeyDownSpy(props) {
     inputValue,
     keyDownCode,
     resultsDepth,
-    onHandleNavigationSearchHit
+    onHandleNavigationSearchHit,
   ]);
 
-  const onHandleKeyDown = keyEvent => {
+  const onHandleKeyDown = (keyEvent) => {
     setKeyDownCode(keyEvent.code);
   };
 
@@ -92,7 +92,7 @@ function MetadataSearchResultsPanelKeyDownSpy(props) {
           active: c === activeCounter,
           setActiveCounter: setActiveCounter,
           setActiveResult: setActiveResult,
-          setActiveResultEl: setActiveResultEl
+          setActiveResultEl: setActiveResultEl,
         })
       )}
     </MetadataSearchResultsPanelScrollSpy>
diff --git a/src/components/metadata/metadataTypeEntitySchema/metadataTypeEntitySchema.js b/src/components/metadata/metadataTypeEntitySchema/metadataTypeEntitySchema.js
index f8c1edc3b..e026b2371 100644
--- a/src/components/metadata/metadataTypeEntitySchema/metadataTypeEntitySchema.js
+++ b/src/components/metadata/metadataTypeEntitySchema/metadataTypeEntitySchema.js
@@ -6,7 +6,7 @@
  */
 
 // Core dependencies
-import {Link} from "gatsby";
+import { Link } from "gatsby";
 import React from "react";
 
 // Styles
diff --git a/src/components/metadata/providerMetadataDisplaying/providerMetadataDisplaying.js b/src/components/metadata/providerMetadataDisplaying/providerMetadataDisplaying.js
index 396881510..56d4769bf 100644
--- a/src/components/metadata/providerMetadataDisplaying/providerMetadataDisplaying.js
+++ b/src/components/metadata/providerMetadataDisplaying/providerMetadataDisplaying.js
@@ -43,7 +43,7 @@ function ProviderMetadataDisplaying(props) {
     return () => clearTimeout(highlightTimerRef.current);
   }, []);
 
-  const onHandleNavigationHit = result => {
+  const onHandleNavigationHit = (result) => {
     const { primaryRequired, required, type, urlTo } = result || {};
     const toggleMetadata =
       !showAllMetadata &&
@@ -79,7 +79,7 @@ function ProviderMetadataDisplaying(props) {
   };
 
   const onHandleToggleRequiredFields = () => {
-    setShowAllMetadata(showAllMetadata => !showAllMetadata);
+    setShowAllMetadata((showAllMetadata) => !showAllMetadata);
   };
 
   const setLocalStorageValues = useCallback(() => {
@@ -121,7 +121,7 @@ function ProviderMetadataDisplaying(props) {
         showAllMetadata,
         onHandleNavigationHit,
         onHandleNavigationSearchHit,
-        onHandleToggleRequiredFields
+        onHandleToggleRequiredFields,
       }}
     >
       {children}
diff --git a/src/components/metadata/providerMetadataSearching/providerMetadataSearching.js b/src/components/metadata/providerMetadataSearching/providerMetadataSearching.js
index 2aa6745b9..7024d2869 100644
--- a/src/components/metadata/providerMetadataSearching/providerMetadataSearching.js
+++ b/src/components/metadata/providerMetadataSearching/providerMetadataSearching.js
@@ -24,7 +24,7 @@ function ProviderMetadataSearching(props) {
     schemas,
     setOfProperties,
     setOfSearchGroups,
-    onHandleSiteScroll
+    onHandleSiteScroll,
   } = props;
   const setOfResultsBySearchGroupsRef = useRef(new Map());
   const [metadataIndex, setMetadataIndex] = useState([]);
@@ -35,7 +35,7 @@ function ProviderMetadataSearching(props) {
     inputValue: "",
     lastSearchHit: "",
     query: "",
-    searchValue: ""
+    searchValue: "",
   });
   const [showResultsPanel, setShowResultsPanel] = useState(false);
   const { inputActive, inputValue, lastSearchHit, searchValue } = queries;
@@ -46,7 +46,7 @@ function ProviderMetadataSearching(props) {
       if (searchValue.includes(" ")) {
         const values = searchValue.split(" ");
 
-        return values.map(value => `+${value}*`).join(" ");
+        return values.map((value) => `+${value}*`).join(" ");
       }
 
       /* Singular search value. */
@@ -56,7 +56,7 @@ function ProviderMetadataSearching(props) {
     return "";
   }, [searchValue]);
 
-  const buildQuery = inputStr => {
+  const buildQuery = (inputStr) => {
     const selectedFacetTermsByFacet = new Map();
 
     if (inputStr) {
@@ -69,51 +69,57 @@ function ProviderMetadataSearching(props) {
 
   const fetchMetadataIndex = useCallback(() => {
     fetch(metadataIndexFileName)
-      .then(res => res.json())
-      .then(res => {
+      .then((res) => res.json())
+      .then((res) => {
         const index = lunr.Index.load(res);
 
         setMetadataIndex(index);
         setMetadataIndexMounted(true);
       })
-      .catch(err => {
+      .catch((err) => {
         console.log(err, "Error loading index");
       });
   }, [metadataIndexFileName]);
 
-  const findIntersectionSetOfResults = useCallback(soResultsBySearchGroups => {
-    const sortSetsOfResults = () => {
-      return [...soResultsBySearchGroups.values()].sort(function(set0, set1) {
-        if (set0.size > set1.size) {
-          return 1;
-        } else {
-          return -1;
-        }
-      });
-    };
-
-    /* Sort the set of results by set size. */
-    const sortedSetsOfResults = sortSetsOfResults();
-    const firstSetOfResults = sortedSetsOfResults.shift();
-
-    /* Find any intersecting sets of results. i.e. searching will be "AND" between input and other specified search groups. */
-    /* Create a new set of intersection results. */
-    /* i.e. filter through the smallest set to confirm results exist in all other search group sets. */
-    if (firstSetOfResults) {
-      return new Set(
-        [...firstSetOfResults].filter(result => {
-          return sortedSetsOfResults.every(sortedSetOfResults =>
-            sortedSetOfResults.has(result)
-          );
-        })
-      );
-    }
+  const findIntersectionSetOfResults = useCallback(
+    (soResultsBySearchGroups) => {
+      const sortSetsOfResults = () => {
+        return [...soResultsBySearchGroups.values()].sort(function (
+          set0,
+          set1
+        ) {
+          if (set0.size > set1.size) {
+            return 1;
+          } else {
+            return -1;
+          }
+        });
+      };
+
+      /* Sort the set of results by set size. */
+      const sortedSetsOfResults = sortSetsOfResults();
+      const firstSetOfResults = sortedSetsOfResults.shift();
+
+      /* Find any intersecting sets of results. i.e. searching will be "AND" between input and other specified search groups. */
+      /* Create a new set of intersection results. */
+      /* i.e. filter through the smallest set to confirm results exist in all other search group sets. */
+      if (firstSetOfResults) {
+        return new Set(
+          [...firstSetOfResults].filter((result) => {
+            return sortedSetsOfResults.every((sortedSetOfResults) =>
+              sortedSetOfResults.has(result)
+            );
+          })
+        );
+      }
 
-    return new Set();
-  }, []);
+      return new Set();
+    },
+    []
+  );
 
   const getResults = useCallback(
-    soResults => {
+    (soResults) => {
       return MetadataSearchService.buildResults(
         schemas,
         properties,
@@ -127,11 +133,11 @@ function ProviderMetadataSearching(props) {
   );
 
   const getResultsByQuery = useCallback(
-    inputStr => {
+    (inputStr) => {
       const queryString = `${inputStr}`;
       const indexResults = metadataIndex.search(queryString);
 
-      return new Set(indexResults.map(result => result.ref));
+      return new Set(indexResults.map((result) => result.ref));
     },
     [metadataIndex]
   );
@@ -140,9 +146,8 @@ function ProviderMetadataSearching(props) {
     /* Continue with query if search value is valid. */
     if (searchValue) {
       /* Grab current set of results for the input. */
-      const setOfResultsBySearchGroup = setOfResultsBySearchGroupsRef.current.get(
-        "input"
-      );
+      const setOfResultsBySearchGroup =
+        setOfResultsBySearchGroupsRef.current.get("input");
 
       /* Continue with query if most recent "hit" was on the input. */
       if (lastSearchHit === "input" || !setOfResultsBySearchGroup) {
@@ -163,18 +168,18 @@ function ProviderMetadataSearching(props) {
     getResultsByQuery,
     lastSearchHit,
     searchValue,
-    setOfProperties
+    setOfProperties,
   ]);
 
   const getSetOfResults = useCallback(
-    soResultsBySearchGroups => {
+    (soResultsBySearchGroups) => {
       return findIntersectionSetOfResults(soResultsBySearchGroups);
     },
     [findIntersectionSetOfResults]
   );
 
   const getSetOfResultsBySearchGroup = useCallback(
-    searchGroup => {
+    (searchGroup) => {
       /* Return a set of results for the search group "input". */
       if (searchGroup === "input") {
         return getSetOfInputResults();
@@ -204,7 +209,7 @@ function ProviderMetadataSearching(props) {
     [inputActive, inputValue, setOfProperties]
   );
 
-  const onHandleSearch = inputStr => {
+  const onHandleSearch = (inputStr) => {
     /* Handles input value with other special characters - prevents lunr search error. */
     /* Includes handling of ":" for ontologies. */
     const searchStr = MetadataSearchService.onHandleParseInputString(inputStr);
@@ -215,12 +220,12 @@ function ProviderMetadataSearching(props) {
       const currentQuery = buildQuery(inputStr);
 
       /* Update inputValue, lastSearchHit, query and searchValue. */
-      setQueries(queries => ({
+      setQueries((queries) => ({
         ...queries,
         inputValue: inputStr,
         lastSearchHit: "input",
         query: currentQuery,
-        searchValue: searchStr
+        searchValue: searchStr,
       }));
 
       DPGTMService.trackMetadataSearchInput(inputStr, GAEntityType.METADATA);
@@ -232,13 +237,13 @@ function ProviderMetadataSearching(props) {
     onHandleSiteScroll(true);
 
     /* Clear queries and set inputActive to false. */
-    setQueries(queries => ({
+    setQueries((queries) => ({
       ...queries,
       inputActive: false,
       inputValue: "",
       lastSearchHit: "",
       query: "",
-      searchValue: ""
+      searchValue: "",
     }));
   };
 
@@ -247,7 +252,7 @@ function ProviderMetadataSearching(props) {
     onHandleSiteScroll(false);
 
     /* Set inputActive to true. */
-    setQueries(queries => ({ ...queries, inputActive: true }));
+    setQueries((queries) => ({ ...queries, inputActive: true }));
   };
 
   const generateResults = useCallback(() => {
@@ -271,7 +276,7 @@ function ProviderMetadataSearching(props) {
     getResults,
     getSetOfResults,
     getSetOfResultsBySearchGroups,
-    getShowResultsPanel
+    getShowResultsPanel,
   ]);
 
   /* useEffect - componentDidMount/componentWillUnmount. */
@@ -285,11 +290,8 @@ function ProviderMetadataSearching(props) {
   useEffect(() => {
     if (metadataIndexMounted) {
       /* Generate results. */
-      const [
-        _results,
-        _setOfResultsBySearchGroups,
-        _showResultsPanel
-      ] = generateResults();
+      const [_results, _setOfResultsBySearchGroups, _showResultsPanel] =
+        generateResults();
 
       /* Update state. */
       setOfResultsBySearchGroupsRef.current = _setOfResultsBySearchGroups;
@@ -307,7 +309,7 @@ function ProviderMetadataSearching(props) {
         showResultsPanel,
         onHandleSearch,
         onHandleSearchClose,
-        onHandleSearchOpen
+        onHandleSearchOpen,
       }}
     >
       {children}
diff --git a/src/components/nav/nav.js b/src/components/nav/nav.js
index d9fcdb80e..4a9d253e9 100644
--- a/src/components/nav/nav.js
+++ b/src/components/nav/nav.js
@@ -6,7 +6,7 @@
  */
 
 // Core dependencies
-import {Link} from "gatsby";
+import { Link } from "gatsby";
 import React from "react";
 
 // App dependencies
@@ -37,16 +37,16 @@ class Nav extends React.Component {
     this.getTab();
   }
 
-  getNavClassName = nav => {
+  getNavClassName = (nav) => {
     active = nav.active;
     expanded =
       nav.sLinks && nav.sLinks.length > 0
-        ? nav.active || nav.sLinks.some(sLink => sLink.active)
+        ? nav.active || nav.sLinks.some((sLink) => sLink.active)
         : false;
 
     return classNames({
       [compStyles.expanded]: expanded,
-      [compStyles.selected]: active
+      [compStyles.selected]: active,
     });
   };
 
diff --git a/src/components/pageHead/pageHead.js b/src/components/pageHead/pageHead.js
index dad7a6bfd..23cfe70e3 100644
--- a/src/components/pageHead/pageHead.js
+++ b/src/components/pageHead/pageHead.js
@@ -15,7 +15,9 @@ import * as EnvironmentService from "../../utils/environment/environment.service
 class PageHead extends React.Component {
   render() {
     const { pageTitle } = this.props,
-      defaultTitle = EnvironmentService.isLungMAP() ? "LungMAP Data Browser" : "HCA Data Portal",
+      defaultTitle = EnvironmentService.isLungMAP()
+        ? "LungMAP Data Browser"
+        : "HCA Data Portal",
       title = pageTitle ? pageTitle : defaultTitle;
 
     return (
diff --git a/src/components/reactAutosuggest/Autosuggest.js b/src/components/reactAutosuggest/Autosuggest.js
index f4a59c273..87ca614fd 100644
--- a/src/components/reactAutosuggest/Autosuggest.js
+++ b/src/components/reactAutosuggest/Autosuggest.js
@@ -15,7 +15,7 @@ import Autowhatever from "react-autowhatever";
 import { defaultTheme, mapToAutowhateverTheme } from "./theme";
 
 const alwaysTrue = () => true;
-const defaultShouldRenderSuggestions = value => value.trim().length > 0;
+const defaultShouldRenderSuggestions = (value) => value.trim().length > 0;
 const defaultRenderSuggestionsContainer = ({ containerProps, children }) => (
   <div {...containerProps}>{children}</div>
 );
@@ -92,7 +92,7 @@ export default class Autosuggest extends Component {
     highlightFirstSuggestion: PropTypes.bool,
     suggestionsFound: PropTypes.bool,
     theme: PropTypes.object,
-    id: PropTypes.string
+    id: PropTypes.string,
   };
 
   static defaultProps = {
@@ -104,7 +104,7 @@ export default class Autosuggest extends Component {
     highlightFirstSuggestion: false,
     suggestionsFound: false,
     theme: defaultTheme,
-    id: "1"
+    id: "1",
   };
 
   constructor({ alwaysRenderSuggestions }) {
@@ -116,7 +116,7 @@ export default class Autosuggest extends Component {
       highlightedSectionIndex: null,
       highlightedSuggestionIndex: null,
       highlightedSuggestion: null,
-      valueBeforeUpDown: null
+      valueBeforeUpDown: null,
     };
 
     this.justPressedUpDown = false;
@@ -159,7 +159,7 @@ export default class Autosuggest extends Component {
       suggestions,
       suggestionsFound,
       onSuggestionHighlighted,
-      highlightFirstSuggestion
+      highlightFirstSuggestion,
     } = this.props;
 
     if (
@@ -184,7 +184,7 @@ export default class Autosuggest extends Component {
         highlightedSuggestion !== prevHighlightedSuggestion
       ) {
         onSuggestionHighlighted({
-          suggestion: highlightedSuggestion
+          suggestion: highlightedSuggestion,
         });
       }
     }
@@ -196,7 +196,7 @@ export default class Autosuggest extends Component {
   }
 
   updateHighlightedSuggestion(sectionIndex, suggestionIndex, prevValue) {
-    this.setState(state => {
+    this.setState((state) => {
       let { valueBeforeUpDown } = state;
 
       if (suggestionIndex === null) {
@@ -215,13 +215,13 @@ export default class Autosuggest extends Component {
           suggestionIndex === null
             ? null
             : this.getSuggestion(sectionIndex, suggestionIndex),
-        valueBeforeUpDown
+        valueBeforeUpDown,
       };
     });
   }
 
   resetHighlightedSuggestion(shouldResetValueBeforeUpDown = true) {
-    this.setState(state => {
+    this.setState((state) => {
       const { valueBeforeUpDown } = state;
 
       return {
@@ -230,14 +230,14 @@ export default class Autosuggest extends Component {
         highlightedSuggestion: null,
         valueBeforeUpDown: shouldResetValueBeforeUpDown
           ? null
-          : valueBeforeUpDown
+          : valueBeforeUpDown,
       };
     });
   }
 
   revealSuggestions() {
     this.setState({
-      isCollapsed: false
+      isCollapsed: false,
     });
   }
 
@@ -247,7 +247,7 @@ export default class Autosuggest extends Component {
       highlightedSuggestionIndex: null,
       highlightedSuggestion: null,
       valueBeforeUpDown: null,
-      isCollapsed: true
+      isCollapsed: true,
     });
   }
 
@@ -291,11 +291,11 @@ export default class Autosuggest extends Component {
     return {
       sectionIndex:
         typeof sectionIndex === "string" ? parseInt(sectionIndex, 10) : null,
-      suggestionIndex: parseInt(suggestionIndex, 10)
+      suggestionIndex: parseInt(suggestionIndex, 10),
     };
   }
 
-  onDocumentMouseDown = event => {
+  onDocumentMouseDown = (event) => {
     this.justClickedOnSuggestionsContainer = false;
 
     let node =
@@ -348,7 +348,7 @@ export default class Autosuggest extends Component {
     return suggestions.length > 0 && shouldRenderSuggestions(value);
   }
 
-  storeAutowhateverRef = autowhatever => {
+  storeAutowhateverRef = (autowhatever) => {
     if (autowhatever !== null) {
       this.autowhatever = autowhatever;
     }
@@ -379,7 +379,7 @@ export default class Autosuggest extends Component {
     this.pressedSuggestion = null;
   };
 
-  onSuggestionMouseDown = event => {
+  onSuggestionMouseDown = (event) => {
     // Checking if this.justSelectedSuggestion is already true to not duplicate touch events in chrome
     // See: https://github.com/facebook/react/issues/9809#issuecomment-413978405
     if (!this.justSelectedSuggestion) {
@@ -398,7 +398,7 @@ export default class Autosuggest extends Component {
     const {
       alwaysRenderSuggestions,
       onSuggestionSelected,
-      onSuggestionsFetchRequested
+      onSuggestionsFetchRequested,
     } = this.props;
 
     onSuggestionSelected && onSuggestionSelected(event, data);
@@ -406,7 +406,7 @@ export default class Autosuggest extends Component {
     if (alwaysRenderSuggestions) {
       onSuggestionsFetchRequested({
         value: data.suggestionValue,
-        reason: "suggestion-selected"
+        reason: "suggestion-selected",
       });
     } else {
       this.onSuggestionsClearRequested();
@@ -415,15 +415,14 @@ export default class Autosuggest extends Component {
     this.resetHighlightedSuggestion();
   };
 
-  onSuggestionClick = event => {
+  onSuggestionClick = (event) => {
     const { alwaysRenderSuggestions, focusInputOnSuggestionClick } = this.props;
     const { sectionIndex, suggestionIndex } = this.getSuggestionIndices(
       this.findSuggestionElement(event.target)
     );
     const clickedSuggestion = this.getSuggestion(sectionIndex, suggestionIndex);
-    const clickedSuggestionValue = this.props.getSuggestionValue(
-      clickedSuggestion
-    );
+    const clickedSuggestionValue =
+      this.props.getSuggestionValue(clickedSuggestion);
 
     this.maybeCallOnChange(event, clickedSuggestionValue, "click");
     this.onSuggestionSelected(event, {
@@ -431,7 +430,7 @@ export default class Autosuggest extends Component {
       suggestionValue: clickedSuggestionValue,
       suggestionIndex: suggestionIndex,
       sectionIndex,
-      method: "click"
+      method: "click",
     });
 
     if (!alwaysRenderSuggestions) {
@@ -461,13 +460,13 @@ export default class Autosuggest extends Component {
       highlightedSuggestionIndex: null,
       highlightedSuggestion: null,
       valueBeforeUpDown: null,
-      isCollapsed: !shouldRender
+      isCollapsed: !shouldRender,
     });
 
     onBlur && onBlur(this.blurEvent, { highlightedSuggestion });
   };
 
-  onSuggestionMouseLeave = event => {
+  onSuggestionMouseLeave = (event) => {
     this.resetHighlightedSuggestion(false); // shouldResetValueBeforeUpDown
 
     if (
@@ -499,7 +498,7 @@ export default class Autosuggest extends Component {
       onMouseDown: this.onSuggestionMouseDown,
       onTouchStart: this.onSuggestionTouchStart,
       onTouchMove: this.onSuggestionTouchMove,
-      onClick: this.onSuggestionClick
+      onClick: this.onSuggestionClick,
     };
   };
 
@@ -517,7 +516,7 @@ export default class Autosuggest extends Component {
     return renderSuggestionsContainer({
       containerProps,
       children,
-      query: this.getQuery()
+      query: this.getQuery(),
     });
   };
 
@@ -535,14 +534,14 @@ export default class Autosuggest extends Component {
       theme,
       getSuggestionValue,
       alwaysRenderSuggestions,
-      highlightFirstSuggestion
+      highlightFirstSuggestion,
     } = this.props;
     const {
       isFocused,
       isCollapsed,
       highlightedSectionIndex,
       highlightedSuggestionIndex,
-      valueBeforeUpDown
+      valueBeforeUpDown,
     } = this.state;
     const shouldRenderSuggestions = alwaysRenderSuggestions
       ? alwaysTrue
@@ -555,7 +554,7 @@ export default class Autosuggest extends Component {
     const items = isOpen ? suggestions : [];
     const autowhateverInputProps = {
       ...inputProps,
-      onFocus: event => {
+      onFocus: (event) => {
         if (
           !this.justSelectedSuggestion &&
           !this.justClickedOnSuggestionsContainer
@@ -564,7 +563,7 @@ export default class Autosuggest extends Component {
 
           this.setState({
             isFocused: true,
-            isCollapsed: !shouldRender
+            isCollapsed: !shouldRender,
           });
 
           onFocus && onFocus(event);
@@ -574,7 +573,7 @@ export default class Autosuggest extends Component {
           }
         }
       },
-      onBlur: event => {
+      onBlur: (event) => {
         if (this.justClickedOnSuggestionsContainer) {
           this.input.focus();
           return;
@@ -587,7 +586,7 @@ export default class Autosuggest extends Component {
           this.onSuggestionsClearRequested();
         }
       },
-      onChange: event => {
+      onChange: (event) => {
         const { value } = event.target;
         const shouldRender = shouldRenderSuggestions(value);
 
@@ -599,10 +598,10 @@ export default class Autosuggest extends Component {
             : {
                 highlightedSectionIndex: null,
                 highlightedSuggestionIndex: null,
-                highlightedSuggestion: null
+                highlightedSuggestion: null,
               }),
           valueBeforeUpDown: null,
-          isCollapsed: !shouldRender
+          isCollapsed: !shouldRender,
         });
 
         if (shouldRender) {
@@ -621,15 +620,13 @@ export default class Autosuggest extends Component {
               if (shouldRenderSuggestions(value)) {
                 onSuggestionsFetchRequested({
                   value,
-                  reason: "suggestions-revealed"
+                  reason: "suggestions-revealed",
                 });
                 this.revealSuggestions();
               }
             } else if (suggestions.length > 0) {
-              const {
-                newHighlightedSectionIndex,
-                newHighlightedItemIndex
-              } = data;
+              const { newHighlightedSectionIndex, newHighlightedItemIndex } =
+                data;
 
               let newValue;
 
@@ -691,7 +688,7 @@ export default class Autosuggest extends Component {
                 suggestionValue: newValue,
                 suggestionIndex: highlightedSuggestionIndex,
                 sectionIndex: highlightedSectionIndex,
-                method: "enter"
+                method: "enter",
               });
 
               this.justSelectedSuggestion = true;
@@ -726,7 +723,7 @@ export default class Autosuggest extends Component {
                 if (shouldRenderSuggestions(newValue)) {
                   onSuggestionsFetchRequested({
                     value: newValue,
-                    reason: "escape-pressed"
+                    reason: "escape-pressed",
                   });
                 } else {
                   this.onSuggestionsClearRequested();
@@ -751,10 +748,10 @@ export default class Autosuggest extends Component {
         }
 
         onKeyDown && onKeyDown(event);
-      }
+      },
     };
     const renderSuggestionData = {
-      query: this.getQuery()
+      query: this.getQuery(),
     };
 
     return (
diff --git a/src/components/reactAutosuggest/theme.js b/src/components/reactAutosuggest/theme.js
index b7f8bb0b1..48860af58 100644
--- a/src/components/reactAutosuggest/theme.js
+++ b/src/components/reactAutosuggest/theme.js
@@ -12,10 +12,10 @@ export const defaultTheme = {
   suggestionHighlighted: "react-autosuggest__suggestion--highlighted",
   sectionContainer: "react-autosuggest__section-container",
   sectionContainerFirst: "react-autosuggest__section-container--first",
-  sectionTitle: "react-autosuggest__section-title"
+  sectionTitle: "react-autosuggest__section-title",
 };
 
-export const mapToAutowhateverTheme = theme => {
+export const mapToAutowhateverTheme = (theme) => {
   let result = {};
 
   for (const key in theme) {
diff --git a/src/components/searchBrowser/searchBrowser.js b/src/components/searchBrowser/searchBrowser.js
index dc4194f06..f18644332 100644
--- a/src/components/searchBrowser/searchBrowser.js
+++ b/src/components/searchBrowser/searchBrowser.js
@@ -50,7 +50,7 @@ const ACCEPT_SEARCH_FACETS = [
   "specimenDisease",
   "specimenOrgan",
   "specimenOrganPart",
-  "workflow"
+  "workflow",
 ];
 
 // Facet display names
@@ -59,7 +59,7 @@ const FACET_DISPLAY_NAMES = {
   sampleEntityType: "sampleType",
   specimenOrgan: "organ",
   specimenOrganPart: "organPart",
-  workflow: "analysisProtocol"
+  workflow: "analysisProtocol",
 };
 
 class SearchBrowser extends React.Component {
@@ -68,7 +68,7 @@ class SearchBrowser extends React.Component {
     this.state = {
       disabled: false, // True if user has entered suggestion text that results in no hits
       selectedFacet: "",
-      selectedTerm: ""
+      selectedTerm: "",
     };
     this.onSelected = this.onSelected.bind(this);
   }
@@ -84,12 +84,12 @@ class SearchBrowser extends React.Component {
   buildExploreDataCategory = (facetName, facetDisplayName, terms) => {
     // Map terms
     const selectableTerms = terms
-      .filter(term => !!term.term)
-      .map(term => {
+      .filter((term) => !!term.term)
+      .map((term) => {
         return {
           termName: term.term,
           termDisplayName: term.term,
-          termCount: numberFormatter.format(term.count, 1)
+          termCount: numberFormatter.format(term.count, 1),
         };
       });
 
@@ -109,17 +109,16 @@ class SearchBrowser extends React.Component {
     // Return model for backing autosuggest
     return {
       facetName: facetName,
-      facetDisplayName: stringFormatter.convertCamelCasetoTitleCase(
-        facetDisplayName
-      ),
-      terms: selectableTerms
+      facetDisplayName:
+        stringFormatter.convertCamelCasetoTitleCase(facetDisplayName),
+      terms: selectableTerms,
     };
   };
 
   clearSelectedFacet = () => {
     this.setState({
       selectedFacet: "",
-      selectedTerm: ""
+      selectedTerm: "",
     });
   };
 
@@ -130,16 +129,16 @@ class SearchBrowser extends React.Component {
         facetName: "error",
         facetDisplayName:
           "Oops! We don’t have an exact match, it may be called by a different name. Scroll through the list to see what data we currently have available.",
-        terms: []
+        terms: [],
       });
 
       // Filter facets to allow list, map facet display name if necessary.
       const termFacets = this.listSelectableTermFacets(
         this.props.termFacets
-      ).map(facet => {
+      ).map((facet) => {
         return Object.assign({}, facet, {
           facetDisplayName:
-            FACET_DISPLAY_NAMES[facet.facetName] || facet.facetName
+            FACET_DISPLAY_NAMES[facet.facetName] || facet.facetName,
         });
       });
 
@@ -149,7 +148,7 @@ class SearchBrowser extends React.Component {
       });
 
       // Create category/option model for backing autosuggest
-      termFacets.forEach(termFacet => {
+      termFacets.forEach((termFacet) => {
         data.push(
           this.buildExploreDataCategory(
             termFacet.facetName,
@@ -182,7 +181,7 @@ class SearchBrowser extends React.Component {
       return classNames({
         [globalStyles.button]: true,
         [globalStyles.blue]: true,
-        [globalStyles.light]: true
+        [globalStyles.light]: true,
       });
     }
 
@@ -190,7 +189,7 @@ class SearchBrowser extends React.Component {
       [globalStyles.button]: true,
       [globalStyles.blue]: true,
       [globalStyles.light]: true,
-      [globalStyles.disabled]: true
+      [globalStyles.disabled]: true,
     });
   };
 
@@ -198,9 +197,9 @@ class SearchBrowser extends React.Component {
     return this.props.termFacets;
   };
 
-  listSelectableTermFacets = termFacets => {
+  listSelectableTermFacets = (termFacets) => {
     return termFacets.filter(
-      termFacet => ACCEPT_SEARCH_FACETS.indexOf(termFacet.facetName) >= 0
+      (termFacet) => ACCEPT_SEARCH_FACETS.indexOf(termFacet.facetName) >= 0
     );
   };
 
@@ -212,21 +211,21 @@ class SearchBrowser extends React.Component {
     this.visitExploreLink();
   };
 
-  onSelected = term => {
+  onSelected = (term) => {
     if (term) {
-      let facetName = this.getExploreData().filter(t =>
-        t.terms.find(f => f.termName === term)
+      let facetName = this.getExploreData().filter((t) =>
+        t.terms.find((f) => f.termName === term)
       );
       this.setState({
         selectedFacet: facetName[0].facetName,
-        selectedTerm: term
+        selectedTerm: term,
       });
     } else {
       this.clearSelectedFacet();
     }
   };
 
-  onSuggestionsFound = suggestionsFound => {
+  onSuggestionsFound = (suggestionsFound) => {
     this.setState({ disabled: !suggestionsFound });
   };
 
@@ -235,8 +234,8 @@ class SearchBrowser extends React.Component {
       const facetFilter = JSON.stringify([
         {
           facetName: this.state.selectedFacet,
-          terms: [this.state.selectedTerm]
-        }
+          terms: [this.state.selectedTerm],
+        },
       ]);
       const params = new URLSearchParams();
       params.set("filter", facetFilter);
diff --git a/src/components/select/select.js b/src/components/select/select.js
index 623b491fb..a06b0dd99 100644
--- a/src/components/select/select.js
+++ b/src/components/select/select.js
@@ -16,7 +16,7 @@ import * as compStyles from "./select.module.css"; // Must include styles here t
 
 const Select = ({ isSearchable, name, onChange, options, value }) => {
   const styles = {
-    control: provided => ({
+    control: (provided) => ({
       ...provided,
       border: "1px solid #cccccc",
       boxShadow: "none",
@@ -24,13 +24,13 @@ const Select = ({ isSearchable, name, onChange, options, value }) => {
       minHeight: "34px",
       ":hover": {
         border: "1px solid #cccccc",
-        boxShadow: "none"
-      }
+        boxShadow: "none",
+      },
     }),
-    indicatorSeparator: provided => ({
+    indicatorSeparator: (provided) => ({
       ...provided,
       marginBottom: "4px",
-      marginTop: "4px"
+      marginTop: "4px",
     }),
     option: (provided, state) => ({
       ...provided,
@@ -39,18 +39,18 @@ const Select = ({ isSearchable, name, onChange, options, value }) => {
         : state.isFocused
         ? "#DAF0F6"
         : "#ffffff",
-      transition: "background-color 500ms cubic-bezier(0.25, 0.8, 0.25, 1);"
+      transition: "background-color 500ms cubic-bezier(0.25, 0.8, 0.25, 1);",
     }),
-    singleValue: provided => ({
+    singleValue: (provided) => ({
       ...provided,
       color: "#000000",
       marginLeft: "0",
-      marginRight: "0"
+      marginRight: "0",
     }),
-    valueContainer: provided => ({
+    valueContainer: (provided) => ({
       ...provided,
-      padding: "0 16px"
-    })
+      padding: "0 16px",
+    }),
   };
 
   return (
diff --git a/src/components/seo/seo.js b/src/components/seo/seo.js
index 1b3500728..216314421 100644
--- a/src/components/seo/seo.js
+++ b/src/components/seo/seo.js
@@ -15,7 +15,9 @@ import * as EnvironmentService from "../../utils/environment/environment.service
 class SEO extends React.Component {
   render() {
     const { description, pageTitle } = this.props,
-      defaultTitle = EnvironmentService.isLungMAP() ? "LungMAP Data Browser" : "HCA Data Portal",
+      defaultTitle = EnvironmentService.isLungMAP()
+        ? "LungMAP Data Browser"
+        : "HCA Data Portal",
       title = pageTitle ? pageTitle : defaultTitle,
       siteURL = EnvironmentService.getCurrentEnvironmentURL(),
       atlas = EnvironmentService.getAtlas(),
@@ -46,7 +48,7 @@ class SEO extends React.Component {
                 name="twitter:image"
                 content={twitterImgUrl}
                 key="twitter:image"
-              />
+              />,
             ]
           : null}
         <meta name="twitter:card" content="summary" />
diff --git a/src/components/supportRequest/attachmentError.js b/src/components/supportRequest/attachmentError.js
index 50863f552..224f2dbfa 100644
--- a/src/components/supportRequest/attachmentError.js
+++ b/src/components/supportRequest/attachmentError.js
@@ -15,7 +15,7 @@ class AttachmentError extends React.Component {
   render() {
     const { rejections } = this.props;
     const fileSizeError = rejections.find(
-      rejection => rejection.code === "file-too-large"
+      (rejection) => rejection.code === "file-too-large"
     );
     const errorMessage = !!fileSizeError
       ? "File must be less than 20 MB."
diff --git a/src/components/supportRequest/supportRequest.service.js b/src/components/supportRequest/supportRequest.service.js
index fa6ec18f4..7442f409e 100644
--- a/src/components/supportRequest/supportRequest.service.js
+++ b/src/components/supportRequest/supportRequest.service.js
@@ -21,7 +21,7 @@ export async function createSupportRequest({
   name,
   requestedFromUrl,
   subject,
-  type
+  type,
 }) {
   return await fetchWithErrorRejection(
     `${ZENDESK_DOMAIN}/${ZENDESK_API_REQUESTS}`,
@@ -30,24 +30,24 @@ export async function createSupportRequest({
         request: {
           comment: {
             body: `${description}\n\n------------------\nSubmitted from: ${requestedFromUrl}`,
-            uploads: [attachmentToken]
+            uploads: [attachmentToken],
           },
           custom_fields: [
             { id: 360012782111, value: email },
             { id: 360007369412, value: description },
             { id: 360007369392, value: subject },
-            { id: 360012744452, value: type }
+            { id: 360012744452, value: type },
           ],
           requester: {
             email,
-            name
+            name,
           },
           subject,
-          ticket_form_id: 360000932232
-        }
+          ticket_form_id: 360000932232,
+        },
       }),
       headers: { "Content-Type": "application/json" },
-      method: "POST"
+      method: "POST",
     }
   );
 }
@@ -61,9 +61,9 @@ export async function uploadAttachment(file) {
     {
       body: file,
       headers: {
-        "Content-Type": "application/binary"
+        "Content-Type": "application/binary",
       },
-      method: "POST"
+      method: "POST",
     }
   );
 
diff --git a/src/components/supportRequest/supportRequestForm.js b/src/components/supportRequest/supportRequestForm.js
index 814108251..67985e9bc 100644
--- a/src/components/supportRequest/supportRequestForm.js
+++ b/src/components/supportRequest/supportRequestForm.js
@@ -32,7 +32,7 @@ const constraints = {
   email: { presence: { allowEmpty: false }, email: true },
   description: { presence: { allowEmpty: false } },
   name: { presence: { allowEmpty: false } },
-  subject: { presence: { allowEmpty: false } }
+  subject: { presence: { allowEmpty: false } },
 };
 
 class SupportRequestForm extends React.Component {
@@ -54,7 +54,7 @@ class SupportRequestForm extends React.Component {
    */
   buildInputClassnames = (errors, inputName) => {
     return {
-      [compStyles.inputError]: this.isInputError(errors, inputName)
+      [compStyles.inputError]: this.isInputError(errors, inputName),
     };
   };
 
@@ -62,14 +62,8 @@ class SupportRequestForm extends React.Component {
    * Build support request model from form values.
    */
   buildSupportRequest = () => {
-    const {
-      attachmentToken,
-      description,
-      email,
-      name,
-      subject,
-      type
-    } = this.state;
+    const { attachmentToken, description, email, name, subject, type } =
+      this.state;
     const requestedFromUrl = window.location.href;
     return {
       attachmentToken,
@@ -78,7 +72,7 @@ class SupportRequestForm extends React.Component {
       name,
       requestedFromUrl,
       subject,
-      type
+      type,
     };
   };
 
@@ -100,7 +94,7 @@ class SupportRequestForm extends React.Component {
       submitted: false,
       submitting: false,
       touched: {},
-      type: "question"
+      type: "question",
     };
   }
 
@@ -136,7 +130,7 @@ class SupportRequestForm extends React.Component {
       this.setState({
         attachmentRejected: false,
         attachmentRejections: [],
-        attachmentUploading: true
+        attachmentUploading: true,
       });
       const response = await SupportRequestService.uploadAttachment(files[0]);
       const attachmentToken = response.token;
@@ -144,13 +138,13 @@ class SupportRequestForm extends React.Component {
       this.setState({
         attachmentToken,
         attachmentName,
-        attachmentUploading: false
+        attachmentUploading: false,
       });
     } catch (error) {
       this.setState({
         attachmentRejected: true,
         attachmentRejections: [],
-        attachmentUploading: false
+        attachmentUploading: false,
       });
       console.log(error);
     }
@@ -159,12 +153,12 @@ class SupportRequestForm extends React.Component {
   /**
    * Attachment has been rejected (on drop of file).
    */
-  onAttachmentRejected = fileRejections => {
+  onAttachmentRejected = (fileRejections) => {
     // We can assume there is a single error as we are not doing multiple uploads
     const rejection = fileRejections[0] || {};
     this.setState({
       attachmentRejected: true,
-      attachmentRejections: rejection.errors
+      attachmentRejections: rejection.errors,
     });
   };
 
@@ -173,13 +167,13 @@ class SupportRequestForm extends React.Component {
    *
    * @param event
    */
-  onInputBlur = event => {
+  onInputBlur = (event) => {
     const target = event.target;
     this.setState({
       touched: {
         ...this.state.touched,
-        [target.name]: true
-      }
+        [target.name]: true,
+      },
     });
   };
 
@@ -188,13 +182,13 @@ class SupportRequestForm extends React.Component {
    *
    * @param event
    */
-  onInputChange = event => {
+  onInputChange = (event) => {
     const target = event.target;
     const value = target.value;
     const name = target.name;
 
     this.setState({
-      [name]: value
+      [name]: value,
     });
   };
 
@@ -203,9 +197,9 @@ class SupportRequestForm extends React.Component {
    *
    * @param selectedOption
    */
-  onTypeChange = selectedOption => {
+  onTypeChange = (selectedOption) => {
     this.setState({
-      type: selectedOption.value
+      type: selectedOption.value,
     });
   };
 
@@ -227,12 +221,12 @@ class SupportRequestForm extends React.Component {
     try {
       this.setState({
         submitError: false,
-        submitting: true
+        submitting: true,
       });
       await SupportRequestService.createSupportRequest(request);
       this.setState({
         submitting: false,
-        submitted: true
+        submitted: true,
       });
       this.requestRef.current.scrollTo(0, 0);
       DPGTMService.trackSupportRequestCreated(this.props.source);
@@ -240,7 +234,7 @@ class SupportRequestForm extends React.Component {
     } catch (error) {
       this.setState({
         submitError: true,
-        submitting: false
+        submitting: false,
       });
       console.log(error);
     }
@@ -260,22 +254,22 @@ class SupportRequestForm extends React.Component {
       submitting,
       subject,
       type,
-      attachmentUploading
+      attachmentUploading,
     } = this.state;
 
     // Set up select options, selected value and styles.
     const typeOptions = [
       { value: "question", label: "Question" },
       { value: "bug", label: "Bug" },
-      { value: "feature_request", label: "Feature Request" }
+      { value: "feature_request", label: "Feature Request" },
     ];
     const selectedTypeOption = typeOptions.filter(
-      option => option.value === type
+      (option) => option.value === type
     );
 
     // Active drag styles
     const draggingStyle = {
-      cursor: "copy"
+      cursor: "copy",
     };
 
     // Determine error state of form
@@ -287,7 +281,7 @@ class SupportRequestForm extends React.Component {
     return (
       <div
         className={classNames(compStyles.supportRequest, {
-          [compStyles.submitted]: submitted
+          [compStyles.submitted]: submitted,
         })}
         ref={this.requestRef}
       >
@@ -296,7 +290,7 @@ class SupportRequestForm extends React.Component {
           disabled={!!attachmentToken}
           maxSize={maxAttachmentSize}
           multiple={false}
-          onDropAccepted={files => this.onAttachmentDropped(files)}
+          onDropAccepted={(files) => this.onAttachmentDropped(files)}
           onDropRejected={this.onAttachmentRejected}
         >
           {({ dragging, openUploader }) => (
@@ -353,7 +347,7 @@ class SupportRequestForm extends React.Component {
                 ) : (
                   <button
                     className={classNames(compStyles.inputAttachment, {
-                      [compStyles.inputAttachmentDragging]: dragging
+                      [compStyles.inputAttachmentDragging]: dragging,
                     })}
                     onClick={openUploader}
                   >
diff --git a/src/components/survey/survey-name.js b/src/components/survey/survey-name.js
index b41170118..9062323c5 100644
--- a/src/components/survey/survey-name.js
+++ b/src/components/survey/survey-name.js
@@ -6,5 +6,5 @@
  */
 
 export const SurveyName = {
-  "2021_SPRING_MATRIX_UX": "2021 Spring Matrix UX"
+  "2021_SPRING_MATRIX_UX": "2021 Spring Matrix UX",
 };
diff --git a/src/components/tab/tab.js b/src/components/tab/tab.js
index 06b5852bf..2dffa7c6b 100644
--- a/src/components/tab/tab.js
+++ b/src/components/tab/tab.js
@@ -6,7 +6,7 @@
  */
 
 // Core dependencies
-import {Link} from "gatsby";
+import { Link } from "gatsby";
 import React from "react";
 
 // Class name helper
diff --git a/src/components/tabs/tabs.js b/src/components/tabs/tabs.js
index 2d57b2f73..d7a82e443 100644
--- a/src/components/tabs/tabs.js
+++ b/src/components/tabs/tabs.js
@@ -22,7 +22,7 @@ class TabNav extends React.Component {
   render() {
     const { homeTab, secondary, tabs } = this.props;
     const classNamesTabs = classNames(compStyles.hcaTabs, {
-      [compStyles.secondary]: secondary
+      [compStyles.secondary]: secondary,
     });
     const classNamesWrappers = classNames(
       globalStyles.wrapper,
diff --git a/src/components/toc/toc.js b/src/components/toc/toc.js
index a6f645272..2a608b128 100644
--- a/src/components/toc/toc.js
+++ b/src/components/toc/toc.js
@@ -44,7 +44,7 @@ class TOC extends React.Component {
   }
 }
 
-export default props => {
+export default (props) => {
   const { docPath } = props;
   const { showAllMetadata } = useContext(ContextMetadataDisplaying);
   const tocs = TOCService.getTOCs(docPath, showAllMetadata);
diff --git a/src/components/tocItem/tocItem.js b/src/components/tocItem/tocItem.js
index c0819a758..3d7397e9c 100644
--- a/src/components/tocItem/tocItem.js
+++ b/src/components/tocItem/tocItem.js
@@ -33,7 +33,7 @@ class TOCItem extends React.Component {
     }
   };
 
-  onTOCClicked = anchor => {
+  onTOCClicked = (anchor) => {
     navigate(anchor);
   };
 
diff --git a/src/components/tooltip/tooltip.js b/src/components/tooltip/tooltip.js
index 3a410d4fa..ad0eb54e4 100644
--- a/src/components/tooltip/tooltip.js
+++ b/src/components/tooltip/tooltip.js
@@ -45,7 +45,7 @@ class Tooltip extends React.Component {
   };
 
   showTooltip = () => {
-    return e => {
+    return (e) => {
       const tooltipPos = TooltipService.positionTooltip(
         e.currentTarget,
         this.tooltipRef
diff --git a/src/hooks/all-siteMap.js b/src/hooks/all-siteMap.js
index 7f7b32c5d..0b5c1d383 100644
--- a/src/hooks/all-siteMap.js
+++ b/src/hooks/all-siteMap.js
@@ -30,5 +30,5 @@ export const AllSiteMap = () => {
       }
     `
   );
-  return allSiteMapYaml.edges.map(e => e.node);
+  return allSiteMapYaml.edges.map((e) => e.node);
 };
diff --git a/src/hooks/footer-query.js b/src/hooks/footer-query.js
index 0bf01af5f..33f3ed694 100644
--- a/src/hooks/footer-query.js
+++ b/src/hooks/footer-query.js
@@ -22,5 +22,5 @@ export const FooterQuery = () => {
       }
     `
   );
-  return allSiteMapYaml.edges.map(e => e.node);
+  return allSiteMapYaml.edges.map((e) => e.node);
 };
diff --git a/src/hooks/header-query.js b/src/hooks/header-query.js
index 97a3ee710..946d6a3cc 100644
--- a/src/hooks/header-query.js
+++ b/src/hooks/header-query.js
@@ -24,5 +24,5 @@ export const HeaderQuery = () => {
       }
     `
   );
-  return allSiteMapYaml.edges.map(e => e.node);
+  return allSiteMapYaml.edges.map((e) => e.node);
 };
diff --git a/src/hooks/metadata-schema-properties-query.js b/src/hooks/metadata-schema-properties-query.js
index af0bdc3e5..4bc33abd3 100644
--- a/src/hooks/metadata-schema-properties-query.js
+++ b/src/hooks/metadata-schema-properties-query.js
@@ -39,5 +39,5 @@ export const MetadataSchemaPropertiesQuery = () => {
       }
     `
   );
-  return allMetadataSchemaProperty.edges.map(n => n.node);
+  return allMetadataSchemaProperty.edges.map((n) => n.node);
 };
diff --git a/src/hooks/metadata-schema-query.js b/src/hooks/metadata-schema-query.js
index 0bf35a52e..9ff5b5a38 100644
--- a/src/hooks/metadata-schema-query.js
+++ b/src/hooks/metadata-schema-query.js
@@ -34,5 +34,5 @@ export const MetadataSchemaQuery = () => {
       }
     `
   );
-  return allMetadataSchema.edges.map(n => n.node);
+  return allMetadataSchema.edges.map((n) => n.node);
 };
diff --git a/src/hooks/metadata-type-entity-query.js b/src/hooks/metadata-type-entity-query.js
index 475781fa1..12a1730fb 100644
--- a/src/hooks/metadata-type-entity-query.js
+++ b/src/hooks/metadata-type-entity-query.js
@@ -23,5 +23,5 @@ export const MetadataTypeEntityQuery = () => {
       }
     `
   );
-  return allMetadataEntity.edges.map(n => n.node)[0];
+  return allMetadataEntity.edges.map((n) => n.node)[0];
 };
diff --git a/src/hooks/toc-metadata-query.js b/src/hooks/toc-metadata-query.js
index 56c790760..9b47d32bd 100644
--- a/src/hooks/toc-metadata-query.js
+++ b/src/hooks/toc-metadata-query.js
@@ -23,5 +23,5 @@ export const TOCMetadataQuery = () => {
       }
     `
   );
-  return allMetadataSchema.edges.map(n => n.node);
+  return allMetadataSchema.edges.map((n) => n.node);
 };
diff --git a/src/hooks/toc-page-query.js b/src/hooks/toc-page-query.js
index 058524b40..ab523d812 100644
--- a/src/hooks/toc-page-query.js
+++ b/src/hooks/toc-page-query.js
@@ -17,5 +17,5 @@ export const TOCPageQuery = () => {
       }
     `
   );
-  return allMarkdownRemark.edges.map(e => e.node);
+  return allMarkdownRemark.edges.map((e) => e.node);
 };
diff --git a/src/pages/404.js b/src/pages/404.js
index 437e9041f..09c47a93a 100644
--- a/src/pages/404.js
+++ b/src/pages/404.js
@@ -6,7 +6,7 @@
  */
 
 // Core dependencies
-import {Link} from "gatsby";
+import { Link } from "gatsby";
 import React from "react";
 
 // App dependencies
diff --git a/src/templates/contentTemplate.js b/src/templates/contentTemplate.js
index 7b909e648..35b9950b0 100644
--- a/src/templates/contentTemplate.js
+++ b/src/templates/contentTemplate.js
@@ -16,8 +16,8 @@ import Attributions from "../components/attributions/attributions";
 import Layout from "../components/layout";
 import Markdown from "../components/markdown/markdown";
 import ProviderMetadataDisplaying from "../components/metadata/providerMetadataDisplaying/providerMetadataDisplaying";
-import {Relationship} from "../utils/anchor/relationship.model";
-import {Target} from "../utils/anchor/target.model";
+import { Relationship } from "../utils/anchor/relationship.model";
+import { Target } from "../utils/anchor/target.model";
 import * as TemplateService from "../utils/template.service";
 
 // Class name helper
@@ -79,7 +79,7 @@ export default function Template({ data, location }) {
 
 // modified to find the page by id which is passed in as context
 export const pageQuery = graphql`
-  query($id: String!) {
+  query ($id: String!) {
     markdownRemark(id: { eq: $id }) {
       id
       html
diff --git a/src/templates/metadataTemplate.js b/src/templates/metadataTemplate.js
index b56a32bcf..d7e44c665 100644
--- a/src/templates/metadataTemplate.js
+++ b/src/templates/metadataTemplate.js
@@ -34,7 +34,7 @@ export default function Template({ data, location }) {
 
 // modified to find the page by id which is passed in as context
 export const pageQuery = graphql`
-  query($id: String!) {
+  query ($id: String!) {
     allMetadataEntity(
       filter: {
         categories: {
diff --git a/src/utils/anchor/relationship.model.js b/src/utils/anchor/relationship.model.js
index 62fe91e91..983450fb4 100644
--- a/src/utils/anchor/relationship.model.js
+++ b/src/utils/anchor/relationship.model.js
@@ -6,5 +6,5 @@
  */
 
 export const Relationship = {
-  NOOPENER: "noopener"
+  NOOPENER: "noopener",
 };
diff --git a/src/utils/anchor/target.model.js b/src/utils/anchor/target.model.js
index d75488f0a..5bada6cc6 100644
--- a/src/utils/anchor/target.model.js
+++ b/src/utils/anchor/target.model.js
@@ -7,5 +7,5 @@
 
 export const Target = {
   BLANK: "_blank",
-  SELF: "_self"
+  SELF: "_self",
 };
diff --git a/src/utils/dp-gtm/dp-gtm.service.js b/src/utils/dp-gtm/dp-gtm.service.js
index 94a2869b9..86a1fcc3e 100644
--- a/src/utils/dp-gtm/dp-gtm.service.js
+++ b/src/utils/dp-gtm/dp-gtm.service.js
@@ -19,7 +19,7 @@ import * as GTMService from "../gtm/gtm.service";
  */
 export function trackCatalogViewed(catalog) {
   GTMService.trackEvent(GACategory.CATALOG, GAAction.VIEW_CATALOG, catalog, {
-    [GADimension.ENTITY_TYPE]: GAEntityType.CATALOG
+    [GADimension.ENTITY_TYPE]: GAEntityType.CATALOG,
   });
 }
 
@@ -31,7 +31,7 @@ export function trackCatalogViewed(catalog) {
  */
 export function trackMetadataSearchInput(value, entityType) {
   GTMService.trackEvent(GACategory.SEARCH, GAAction.ENTER_TEXT, value, {
-    [GADimension.ENTITY_TYPE]: entityType
+    [GADimension.ENTITY_TYPE]: entityType,
   });
 }
 
@@ -42,7 +42,7 @@ export function trackMetadataSearchInput(value, entityType) {
  */
 export function trackSupportRequestCreated(source) {
   GTMService.trackEvent(GACategory.SUPPORT_REQUEST, GAAction.CREATE, "", {
-    [GADimension.SOURCE]: source
+    [GADimension.SOURCE]: source,
   });
 }
 
@@ -66,6 +66,6 @@ export function trackSurveyLaunch(surveyName) {
 export function trackMetadataSearchResultClick(value, searchTerm, entityType) {
   GTMService.trackEvent(GACategory.SEARCH, GAAction.CLICK, value, {
     [GADimension.ENTITY_TYPE]: entityType,
-    [GADimension.SEARCH_TERM]: searchTerm
+    [GADimension.SEARCH_TERM]: searchTerm,
   });
 }
diff --git a/src/utils/dp-gtm/ga-action.model.js b/src/utils/dp-gtm/ga-action.model.js
index d4ef71499..db2b8ea6d 100644
--- a/src/utils/dp-gtm/ga-action.model.js
+++ b/src/utils/dp-gtm/ga-action.model.js
@@ -10,5 +10,5 @@ export const GAAction = {
   CREATE: "Create",
   ENTER_TEXT: "Enter Text",
   LAUNCH: "Launch",
-  VIEW_CATALOG: "View Catalog"
+  VIEW_CATALOG: "View Catalog",
 };
diff --git a/src/utils/dp-gtm/ga-category.model.js b/src/utils/dp-gtm/ga-category.model.js
index 6fbb8094d..dbe8f4719 100644
--- a/src/utils/dp-gtm/ga-category.model.js
+++ b/src/utils/dp-gtm/ga-category.model.js
@@ -9,5 +9,5 @@ export const GACategory = {
   CATALOG: "Catalog",
   SEARCH: "Search",
   SUPPORT_REQUEST: "Support Request",
-  SURVEY: "Survey"
+  SURVEY: "Survey",
 };
diff --git a/src/utils/dp-gtm/ga-dimension.model.js b/src/utils/dp-gtm/ga-dimension.model.js
index 16f87464d..ecb9e84c5 100644
--- a/src/utils/dp-gtm/ga-dimension.model.js
+++ b/src/utils/dp-gtm/ga-dimension.model.js
@@ -8,5 +8,5 @@
 export const GADimension = {
   ENTITY_TYPE: "entityType",
   SEARCH_TERM: "searchTerm",
-  SOURCE: "source"
+  SOURCE: "source",
 };
diff --git a/src/utils/dp-gtm/ga-entity-type.model.js b/src/utils/dp-gtm/ga-entity-type.model.js
index a293576eb..793a9459c 100644
--- a/src/utils/dp-gtm/ga-entity-type.model.js
+++ b/src/utils/dp-gtm/ga-entity-type.model.js
@@ -7,5 +7,5 @@
 
 export const GAEntityType = {
   CATALOG: "Catalog",
-  METADATA: "Metadata"
+  METADATA: "Metadata",
 };
diff --git a/src/utils/dp-gtm/ga-source.model.js b/src/utils/dp-gtm/ga-source.model.js
index 13a5a5b8f..5fb88c465 100644
--- a/src/utils/dp-gtm/ga-source.model.js
+++ b/src/utils/dp-gtm/ga-source.model.js
@@ -8,5 +8,5 @@
 export const GASource = {
   FOOTER: "Footer",
   SUPPORT_REQUEST_BUTTON: "Support Request Button",
-  SUPPORT_REQUEST_FORM: "Support Request Form"
+  SUPPORT_REQUEST_FORM: "Support Request Form",
 };
diff --git a/src/utils/explore/catalog.model.js b/src/utils/explore/catalog.model.js
index 3e32f05fe..e4c93ba7b 100644
--- a/src/utils/explore/catalog.model.js
+++ b/src/utils/explore/catalog.model.js
@@ -7,5 +7,5 @@
 
 export const Catalog = {
   DCP1: "dcp1",
-  DCP2: "dcp2"
+  DCP2: "dcp2",
 };
diff --git a/src/utils/explore/fileSummary.service.js b/src/utils/explore/fileSummary.service.js
index 969a8ce07..35d97bdbc 100644
--- a/src/utils/explore/fileSummary.service.js
+++ b/src/utils/explore/fileSummary.service.js
@@ -19,10 +19,10 @@ const TERM_FACETS_API_URL = process.env.GATSBY_TERM_FACETS_API_URL;
  * Build the set of search terms from the specified set of term facets.
  */
 export function buildSearchTerms(termFacets) {
-  return termFacets.reduce(function(accum, termFacet) {
+  return termFacets.reduce(function (accum, termFacet) {
     accum.push({
       facetName: termFacet.facetName,
-      terms: buildFacetSearchTerms(termFacet.terms)
+      terms: buildFacetSearchTerms(termFacet.terms),
     });
 
     return accum;
@@ -36,7 +36,7 @@ export function fetchFileSummary() {
   const url = buildExploreUrl(FILE_SUMMARY_API_URL);
   return fetch(url)
     .then(HttpService.checkResponseStatus)
-    .then(resp => resp.json())
+    .then((resp) => resp.json())
     .then(bindFileSummaryResponse);
 }
 
@@ -47,7 +47,7 @@ export function fetchTermFacets() {
   const url = buildExploreUrl(TERM_FACETS_API_URL);
   return fetch(url)
     .then(HttpService.checkResponseStatus)
-    .then(resp => resp.json())
+    .then((resp) => resp.json())
     .then(bindTermFacetsResponse);
 }
 
@@ -58,11 +58,11 @@ function bindFileSummaryResponse(fileSummaryResponse) {
   const cellCountSummaries = fileSummaryResponse.cellCountSummaries
     .filter(isValidCellCountSummaries)
     .map(nullCellCountSummaries)
-    .map(summary => {
+    .map((summary) => {
       return {
         label: formatCellCountSummariesOrganTypeForDisplay(summary.organType),
         count: summary.countOfDocsWithOrganType,
-        cellCount: summary.totalCellCountByOrgan
+        cellCount: summary.totalCellCountByOrgan,
       };
     });
 
@@ -72,10 +72,10 @@ function bindFileSummaryResponse(fileSummaryResponse) {
     cellCountSummaries: cellCountSummaries,
     donorCount: fileSummaryResponse.donorCount,
     fileCount: fileSummaryResponse.fileCount,
-    fileFormatSummary: fileSummaryResponse.fileTypeSummaries.map(summary => {
+    fileFormatSummary: fileSummaryResponse.fileTypeSummaries.map((summary) => {
       return {
         label: summary.fileType,
-        count: summary.count
+        count: summary.count,
       };
     }),
     labCount: fileSummaryResponse.labCount,
@@ -83,7 +83,7 @@ function bindFileSummaryResponse(fileSummaryResponse) {
     organCount: fileSummaryResponse.organTypes.length,
     organTypes: fileSummaryResponse.organTypes,
     projectCount: fileSummaryResponse.projectCount,
-    totalCellCount: fileSummaryResponse.totalCellCount
+    totalCellCount: fileSummaryResponse.totalCellCount,
   };
 }
 
@@ -91,14 +91,14 @@ function bindFileSummaryResponse(fileSummaryResponse) {
  * Format term facets into FE-friendly format.
  */
 function bindTermFacetsResponse(termFacetsResponse) {
-  return Object.keys(termFacetsResponse.termFacets).reduce(function(
+  return Object.keys(termFacetsResponse.termFacets).reduce(function (
     accum,
     key
   ) {
     const facet = termFacetsResponse.termFacets[key];
     accum.push({
       facetName: key,
-      terms: facet.terms
+      terms: facet.terms,
     });
 
     return accum;
@@ -110,10 +110,10 @@ function bindTermFacetsResponse(termFacetsResponse) {
  * Build the set of terms for facet.
  */
 function buildFacetSearchTerms(terms) {
-  return terms.map(term => {
+  return terms.map((term) => {
     return {
       term: term.term || "Unspecified",
-      count: term.count
+      count: term.count,
     };
   });
 }
diff --git a/src/utils/gtm/gtm.service.js b/src/utils/gtm/gtm.service.js
index 73230e1d4..c2529b965 100644
--- a/src/utils/gtm/gtm.service.js
+++ b/src/utils/gtm/gtm.service.js
@@ -26,7 +26,7 @@ export function trackEvent(category, action, label, dimensions) {
     {
       event: category,
       eventAction: action,
-      eventLabel: label
+      eventLabel: label,
     },
     dimensions
   );
diff --git a/src/utils/highlight.service.js b/src/utils/highlight.service.js
index 2f9cc02d4..58269e15f 100644
--- a/src/utils/highlight.service.js
+++ b/src/utils/highlight.service.js
@@ -19,14 +19,14 @@ export function addMarks(highlightRef, regex) {
     const contentNodes = highlightRef.current.querySelectorAll("div, p, span");
 
     /* Filter nodes; keep only non-nested tags - where the childNode has no "tagName". */
-    const filteredNodes = [...contentNodes].filter(spanEl => {
+    const filteredNodes = [...contentNodes].filter((spanEl) => {
       const { childNodes } = spanEl;
       return childNodes.length === 1 && !childNodes[0].tagName;
     });
 
     /* Insert the <mark> tag around search terms. */
     if (filteredNodes) {
-      filteredNodes.forEach(node => {
+      filteredNodes.forEach((node) => {
         node.innerHTML = node.innerHTML.replace(regex, `<mark>$1</mark>`);
       });
     }
@@ -48,14 +48,14 @@ export function removeMarks(highlightRef, regex) {
       /* Grab a set of parent elements for all mark nodes. */
       const setOfParentElements = new Set();
 
-      markNodes.forEach(markNode => {
+      markNodes.forEach((markNode) => {
         setOfParentElements.add(markNode.parentElement);
       });
 
       /* For each parent element, replace the inner HTML with text content. */
       /* Removes any <mark> tags from the element, returning it to its original text content. */
       /* e.g. element inner HTML such as "The <mark>typ</mark>e of cell line." returns "The type of cell line.". */
-      [...setOfParentElements].forEach(parentNode => {
+      [...setOfParentElements].forEach((parentNode) => {
         parentNode.innerHTML = parentNode.textContent;
       });
     }
diff --git a/src/utils/metadata-search.service.js b/src/utils/metadata-search.service.js
index e0c815b6f..40858e72a 100644
--- a/src/utils/metadata-search.service.js
+++ b/src/utils/metadata-search.service.js
@@ -15,18 +15,18 @@ const AllowListScoreCriteria = [
   "pathSegmentFirst",
   "pathSegmentSecond",
   "path",
-  "friendlyName"
+  "friendlyName",
 ];
 const AllListScoreTypeEarlyBreakers = [
   "pathSegmentSecondFullMatch",
   "pathSegmentSecondSomeMatch",
   "pathSomeMatch",
-  "friendlyNameFullMatch"
+  "friendlyNameFullMatch",
 ];
 const DenyListScoreType = ["searchModel"];
 const DenyListScoreTypeProcesses = [
   "pathSegmentFirstFullMatch",
-  "pathSegmentFirstSomeMatch"
+  "pathSegmentFirstSomeMatch",
 ];
 
 /**
@@ -85,9 +85,8 @@ export function buildResults(
     );
 
     /* Build the set of search models by score type. */
-    const setOfSearchModelsByScoreType = buildSetOfSearchModelsByScoreType(
-      analyzedModels
-    );
+    const setOfSearchModelsByScoreType =
+      buildSetOfSearchModelsByScoreType(analyzedModels);
 
     /* Filter and return search models. */
     return filterSearchModels(
@@ -252,7 +251,7 @@ function buildAnalyzedModel(searchModel, queryStr, queryLength) {
  */
 function buildAnalyzedModels(searchModels, queryStr, queryLength) {
   if (searchModels.length > 0) {
-    return searchModels.map(searchModel => {
+    return searchModels.map((searchModel) => {
       /* Build the analyzed model. */
       const analyzedModel = buildAnalyzedModel(
         searchModel,
@@ -275,7 +274,7 @@ function buildAnalyzedModels(searchModels, queryStr, queryLength) {
  * @param properties
  */
 function buildSearchModels(schemas, properties) {
-  return schemas.concat(properties).map(result => {
+  return schemas.concat(properties).map((result) => {
     const {
         description,
         example,
@@ -284,7 +283,7 @@ function buildSearchModels(schemas, properties) {
         propertyPath,
         propertyPaths,
         schemaName,
-        title
+        title,
       } = result || {},
       { classes, ontologies } = graphRestriction || {};
     const modelDescription = description
@@ -306,7 +305,7 @@ function buildSearchModels(schemas, properties) {
       path: modelPath,
       pathSegmentFirst: pathSegmentFirst,
       pathSegmentSecond: pathSegmentSecond,
-      schema: modelSchema
+      schema: modelSchema,
     };
   });
 }
@@ -331,13 +330,13 @@ function buildSetOfModels(model, setOfModels = new Set()) {
 function buildSetOfScoreTypes(analyzedModels) {
   const setOfScoreTypes = new Set();
 
-  analyzedModels.forEach(analyzedModel => {
+  analyzedModels.forEach((analyzedModel) => {
     /* Grab the model keys. */
     const modelKeys = Object.keys(analyzedModel);
 
     /* For each model key, add to the set. */
     /* Deny list excludes the search model. */
-    modelKeys.forEach(modelKey => {
+    modelKeys.forEach((modelKey) => {
       if (!DenyListScoreType.includes(modelKey)) {
         setOfScoreTypes.add(modelKey);
       }
@@ -359,18 +358,18 @@ function buildSetOfSearchModelsByScoreType(analyzedModels) {
   if (analyzedModels.length > 0) {
     /* Build the complete set of score types and associated map object. */
     const setOfScoreTypes = buildSetOfScoreTypes(analyzedModels);
-    [...setOfScoreTypes].forEach(scoreType =>
+    [...setOfScoreTypes].forEach((scoreType) =>
       setOfModelsByScoreType.set(scoreType, new Set())
     );
 
     /* For each model, add the model and any hits on score types to the map object. */
-    analyzedModels.forEach(analyzedModel => {
+    analyzedModels.forEach((analyzedModel) => {
       const { searchModel } = analyzedModel;
 
       /* Grab the score types. */
       const scoreTypes = [...setOfModelsByScoreType.keys()];
 
-      scoreTypes.forEach(scoreType => {
+      scoreTypes.forEach((scoreType) => {
         if (analyzedModel[scoreType]) {
           const setOfModels = setOfModelsByScoreType.get(scoreType);
           setOfModelsByScoreType.set(
@@ -407,7 +406,7 @@ function filterEntities(entities, setOfResults, resultKey, setOfEntities) {
 
   /* Filter entities - results set activated and returned hits from the search. */
   if (entities) {
-    return entities.filter(entity => setOfResults.has(entity[resultKey]));
+    return entities.filter((entity) => setOfResults.has(entity[resultKey]));
   }
 
   return [];
@@ -459,7 +458,7 @@ function filterSearchModels(
           Object.assign(modelHitClone, {
             showClasses: resultHasClassesHit,
             showExample: resultHasExampleHit,
-            showOntologies: resultHasOntologiesHit
+            showOntologies: resultHasOntologiesHit,
           });
           modelClone.hit = modelHitClone;
 
@@ -520,22 +519,24 @@ function getAnalyzedModelValues(searchModel, modelKey, queryStr, queryLength) {
 
   if (Array.isArray(modelValue)) {
     fullMatchValue = modelValue.some(
-      modelStr => modelStr.toLowerCase() === queryStr
+      (modelStr) => modelStr.toLowerCase() === queryStr
     );
 
     if (!fullMatchValue) {
       /* Look for "starts with" match value, if there is no full match. */
-      someMatchValue = modelValue.some(modelStr =>
+      someMatchValue = modelValue.some((modelStr) =>
         modelStr.toLowerCase().startsWith(queryStr)
       );
 
       if (!someMatchValue && queryLength > 1) {
         /* Only look for partial matches within the value, if there is no full match, or starts with match. */
         /* Bypass if query length is only one character. */
-        someMatchValue = modelValue.some(modelStr => {
+        someMatchValue = modelValue.some((modelStr) => {
           /* Check query string, including query with more than a single word. */
           const queries = queryStr.split(" ");
-          return queries.some(query => modelStr.toLowerCase().includes(query));
+          return queries.some((query) =>
+            modelStr.toLowerCase().includes(query)
+          );
         });
       }
     }
@@ -558,9 +559,9 @@ function getDistinctResults(setOfResultsByScoreType) {
   if (setOfResultsByScoreType.size > 0) {
     const setOfResultsByIdentifier = new Map();
 
-    [...setOfResultsByScoreType.values()].forEach(setOfResults => {
+    [...setOfResultsByScoreType.values()].forEach((setOfResults) => {
       if (setOfResults) {
-        [...setOfResults].forEach(result => {
+        [...setOfResults].forEach((result) => {
           const { hit, path, schema } = result || {};
           const resultIdentifier = schema || path;
           const resultExists = setOfResultsByIdentifier.has(resultIdentifier);
@@ -674,7 +675,7 @@ function isResultInScoreType(model, setOfModels, scoreType) {
     /* If the model type is a property, check the property is not already in the set. */
     /* Schema models will not be duplicated; lunr indexing on schema is for description only. */
     if (propertyExists) {
-      return [...setOfModels].some(model => model.path === path);
+      return [...setOfModels].some((model) => model.path === path);
     }
   }
 
diff --git a/src/utils/metadata.service.js b/src/utils/metadata.service.js
index c1cc8c556..1302f8c1c 100644
--- a/src/utils/metadata.service.js
+++ b/src/utils/metadata.service.js
@@ -8,20 +8,20 @@
 // Template variables
 const Ontology = {
   EFO: "EFO",
-  HCAO: "HCAO"
+  HCAO: "HCAO",
 };
 const OntologyLibraryURL = {
   DATA: "http://edamontology.org",
   EFO: "http://www.ebi.ac.uk/efo",
   FORMAT: "http://edamontology.org",
-  OBO: "http://purl.obolibrary.org/obo"
+  OBO: "http://purl.obolibrary.org/obo",
 };
 const OntologyTermIdentifier = {
   "EFO:0000399": "UBERON:0000105",
-  "MONDO:0000001": "EFO:0000408"
+  "MONDO:0000001": "EFO:0000408",
 };
 const OntologyTermOntology = {
-  "FBbi:00000241": "fbbi"
+  "FBbi:00000241": "fbbi",
 };
 
 /**
@@ -77,7 +77,7 @@ export function findMetadataTypeEntityCategory(
 ) {
   if (metadataTypeEntityCategories.categories) {
     return metadataTypeEntityCategories.categories.find(
-      metadataTypeCategory => metadataTypeCategory.categoryName === category
+      (metadataTypeCategory) => metadataTypeCategory.categoryName === category
     );
   }
 
@@ -94,8 +94,8 @@ export function findMetadataTypeEntityCategory(
 export function getMetadataCategory(sitePageId, allMetadataEntity) {
   const entity = getMetadataEntity(allMetadataEntity);
 
-  return entity.categories.find(category =>
-    category.schemas.find(schema => schema.id === sitePageId)
+  return entity.categories.find((category) =>
+    category.schemas.find((schema) => schema.id === sitePageId)
   );
 }
 
@@ -107,7 +107,7 @@ export function getMetadataCategory(sitePageId, allMetadataEntity) {
  */
 export function getMetadataEntity(allMetadataEntity) {
   /* Get the entity. */
-  return allMetadataEntity.edges.find(entity => entity.node).node;
+  return allMetadataEntity.edges.find((entity) => entity.node).node;
 }
 
 /**
@@ -120,7 +120,7 @@ export function getMetadataEntity(allMetadataEntity) {
  */
 export function getMetadataSchema(category, sitePageId, showAllMetadata) {
   /* Grab the schema. */
-  const schema = category.schemas.find(schema => schema.id === sitePageId);
+  const schema = category.schemas.find((schema) => schema.id === sitePageId);
 
   /* Early exit - return schema with all metadata properties unfiltered. */
   /* Toggle "Show required fields only" is unchecked. */
@@ -183,7 +183,7 @@ export function selectPreferredOntologyId(ontologies) {
 function filterMetadataSchemaProperties(properties) {
   /* Handle case when only required metadata properties are rendered. */
   if (properties) {
-    return properties.filter(property => {
+    return properties.filter((property) => {
       const { primaryRequired, required } = property || {};
 
       return primaryRequired && required;
diff --git a/src/utils/node/create-pages-navigation.service.js b/src/utils/node/create-pages-navigation.service.js
index 4b0aca76a..675624d1d 100644
--- a/src/utils/node/create-pages-navigation.service.js
+++ b/src/utils/node/create-pages-navigation.service.js
@@ -20,7 +20,7 @@ const buildMetadataNavMapByKey = function buildMetadataNavMapByKey(
   metadataSchema
 ) {
   return metadataSchema.edges
-    .map(n => n.node)
+    .map((n) => n.node)
     .reduce((acc, node) => {
       const { category, entity, fields, title } = node,
         { slug } = fields;
@@ -43,13 +43,13 @@ const buildMetadataLinksByEntity = function buildMetadataLinksByEntity(
 ) {
   /* Create an object key-value pair of entity and set of associated categories. */
   const setOfCategoriesByEntity = allMetadataEntity.edges
-    .map(n => n.node)
+    .map((n) => n.node)
     .reduce((acc, entity) => {
       const { categories, entityName } = entity;
 
       /* Grab the set of categories. */
       const setOfCategories = new Set(
-        categories.map(category => category.categoryName)
+        categories.map((category) => category.categoryName)
       );
 
       acc.set(entityName, setOfCategories);
@@ -60,7 +60,7 @@ const buildMetadataLinksByEntity = function buildMetadataLinksByEntity(
   /* Build the primary and secondary links for each entity's category. */
   return [...setOfCategoriesByEntity].reduce(
     (acc, [entity, setOfCategories]) => {
-      const categoryLinks = [...setOfCategories].map(category => {
+      const categoryLinks = [...setOfCategories].map((category) => {
         /* Find all related metadata posts i.e. schema from the same entity - they share the same primary link key. */
         const filteredMetadataPosts = filterMetadataPostsByEntityCategory(
           metadataEntityCategorySchemaTitleByKey,
@@ -90,7 +90,7 @@ const buildMetadataLinksByEntity = function buildMetadataLinksByEntity(
               active: false /* Let "active" be false, for now. */,
               key: metadataPostKey,
               name: schemaTitle,
-              path: metadataPostKey
+              path: metadataPostKey,
             };
           }
         );
@@ -101,7 +101,7 @@ const buildMetadataLinksByEntity = function buildMetadataLinksByEntity(
           key: primaryLinkKey,
           name: pLinkName,
           path: primaryLinkKey,
-          sLinks: secondaryLinks
+          sLinks: secondaryLinks,
         };
       });
 
@@ -125,18 +125,18 @@ const buildMetadataTabs = function buildMetadataTabs(
   metadataEntityCategorySchemaTitleByKey,
   allMetadataEntity
 ) {
-  const metadataEntities = allMetadataEntity.edges.map(n => n.node);
+  const metadataEntities = allMetadataEntity.edges.map((n) => n.node);
 
   /* Reorder entities - by predefined order. */
   /* This sets up the metadata tab order of display. */
-  const reorderedEntities = orderEntities.map(entity => {
+  const reorderedEntities = orderEntities.map((entity) => {
     return metadataEntities.find(
-      MetadataEntity => MetadataEntity.entityName === entity
+      (MetadataEntity) => MetadataEntity.entityName === entity
     );
   });
 
   /* Create an object key-value pair of entity and set of associated categories. */
-  return reorderedEntities.map(entity => {
+  return reorderedEntities.map((entity) => {
     const { entityName } = entity;
 
     /* Find the first metadata path for the specified entity. */
@@ -152,7 +152,7 @@ const buildMetadataTabs = function buildMetadataTabs(
       active: false /* Let "active" be false, for now. */,
       key: entityName,
       name: tabName,
-      path: tabPath
+      path: tabPath,
     };
   });
 };
@@ -224,9 +224,9 @@ const removeDenyListedPosts = function removeDenyListedPosts(
   siteMapYAML,
   denyListPostsByKey
 ) {
-  const siteMapNodes = siteMapYAML.edges.map(e => e.node);
+  const siteMapNodes = siteMapYAML.edges.map((e) => e.node);
 
-  return siteMapNodes.map(node => {
+  return siteMapNodes.map((node) => {
     /* Clone node. */
     const nodeClone = Object.assign({}, node);
 
@@ -290,7 +290,7 @@ function buildDummyMetadataDictionaryTab(metaLinksByEntity, active = false) {
     active: active,
     key: "/metadata/dictionary/",
     name: "Dictionary",
-    path: firstSchema.path
+    path: firstSchema.path,
   };
 }
 
@@ -321,18 +321,18 @@ function buildPostLinks(postSlug, postTab) {
     return [];
   }
 
-  return postTab.primaryLinks.map(pLink => {
+  return postTab.primaryLinks.map((pLink) => {
     let secondaryLinks;
 
     /* Secondary links. */
     if (pLink.secondaryLinks) {
-      secondaryLinks = pLink.secondaryLinks.map(sLink => {
+      secondaryLinks = pLink.secondaryLinks.map((sLink) => {
         /* Return built secondary links. */
         return {
           active: sLink.key === postSlug,
           key: sLink.key,
           name: sLink.name,
-          path: getSiteMapPath(sLink)
+          path: getSiteMapPath(sLink),
         };
       });
     }
@@ -343,7 +343,7 @@ function buildPostLinks(postSlug, postTab) {
       key: pLink.key,
       name: pLink.name,
       path: getSiteMapPath(pLink),
-      sLinks: secondaryLinks
+      sLinks: secondaryLinks,
     };
   });
 }
@@ -400,7 +400,7 @@ function buildPostMetadataNavigation(
     section: postSection,
     secondaryTabs: metadataTabs,
     tabKey: "dictionary",
-    tabs: postTabs
+    tabs: postTabs,
   };
 }
 
@@ -427,9 +427,8 @@ function buildPostNavigation(postSlug, postSiteMap, metaLinksByEntity) {
   /* Build dummy "Metadata Dictionary" tab. */
   if (sectionKey === "metadata") {
     /* Insert "Metadata Dictionary" tab to post tabs. */
-    const metadataDictionaryTab = buildDummyMetadataDictionaryTab(
-      metaLinksByEntity
-    );
+    const metadataDictionaryTab =
+      buildDummyMetadataDictionaryTab(metaLinksByEntity);
     postTabs.splice(1, 0, metadataDictionaryTab);
   }
 
@@ -451,7 +450,7 @@ function buildPostNavigation(postSlug, postSiteMap, metaLinksByEntity) {
     secondaryTabs: null /* Not required for markdown posts. */,
     section: postSection,
     tabKey: postTab.key,
-    tabs: postTabs
+    tabs: postTabs,
   };
 }
 
@@ -465,7 +464,7 @@ function buildPostSection(siteMap) {
   return {
     key: siteMap.key,
     name: siteMap.name,
-    path: getSiteMapPath(siteMap)
+    path: getSiteMapPath(siteMap),
   };
 }
 
@@ -486,7 +485,7 @@ function buildPostTabs(tabKey, siteMap) {
         active: tab.key === tabKey,
         key: tab.key,
         name: tab.name,
-        path: getSiteMapPath(firstPLink)
+        path: getSiteMapPath(firstPLink),
       };
 
       return acc.concat(postTab);
@@ -548,13 +547,13 @@ function getSiteMapPath(link) {
  * @param metaLinks
  */
 function getMetaLinksActiveState(postSlug, metaLinks) {
-  return metaLinks.map(pLink => {
+  return metaLinks.map((pLink) => {
     /* Primary links. */
     const pLinkClone = Object.assign({}, pLink);
 
     if (pLink.sLinks) {
       /* Secondary links. */
-      pLinkClone.sLinks = pLink.sLinks.map(sLink => {
+      pLinkClone.sLinks = pLink.sLinks.map((sLink) => {
         const sLinkClone = Object.assign({}, sLink);
 
         sLinkClone.active = sLink.key === postSlug;
@@ -574,7 +573,7 @@ function getMetaLinksActiveState(postSlug, metaLinks) {
  * @param entity
  */
 function getMetaTabsActiveState(metaTabs, entity) {
-  return metaTabs.map(tab => {
+  return metaTabs.map((tab) => {
     /* Clone tab. */
     const tabClone = Object.assign({}, tab);
 
@@ -603,7 +602,7 @@ function getPostSectionKey(slug) {
  * @returns {void | Array | T | *}
  */
 function getPostTab(tabKey, siteMap) {
-  return siteMap.tabs.find(tab => tab.key === tabKey);
+  return siteMap.tabs.find((tab) => tab.key === tabKey);
 }
 
 /**
@@ -628,7 +627,7 @@ function getPostSiteMapBySectionKey(sectionKey, postsSiteMap) {
     return {};
   }
 
-  return postsSiteMap.find(section => section.key === sectionKey);
+  return postsSiteMap.find((section) => section.key === sectionKey);
 }
 
 /**
diff --git a/src/utils/node/create-pages.service.js b/src/utils/node/create-pages.service.js
index 6e492f94e..2faddfd4c 100644
--- a/src/utils/node/create-pages.service.js
+++ b/src/utils/node/create-pages.service.js
@@ -9,7 +9,7 @@
 const path = require("path");
 const templatePath = {
   CONTENT: "src/templates/contentTemplate.js",
-  METADATA: "src/templates/metadataTemplate.js"
+  METADATA: "src/templates/metadataTemplate.js",
 };
 
 /**
@@ -51,7 +51,7 @@ const getPostTemplate = function getPostTemplate(templateName) {
  */
 const setOfPostsDenyListed = function setOfPostsDenyListed(markdownRemark) {
   return markdownRemark.edges
-    .map(e => e.node)
+    .map((e) => e.node)
     .reduce((acc, node) => {
       const { fields } = node,
         { enabled, slug } = fields;
diff --git a/src/utils/node/site-map.service.js b/src/utils/node/site-map.service.js
index f076e4184..328f8404d 100644
--- a/src/utils/node/site-map.service.js
+++ b/src/utils/node/site-map.service.js
@@ -20,7 +20,7 @@ const buildPostKeysByPath = function buildPostKeysByPath(
 ) {
   /* Build the site-map object. */
   return siteMapYAML.edges
-    .map(n => n.node)
+    .map((n) => n.node)
     .reduce((sectionAcc, section) => {
       const sectionTabs = section.tabs;
 
@@ -36,7 +36,7 @@ const buildPostKeysByPath = function buildPostKeysByPath(
             const secondaryLinks = pLink.secondaryLinks;
 
             if (secondaryLinks) {
-              secondaryLinks.forEach(sLink => {
+              secondaryLinks.forEach((sLink) => {
                 if (!postsByKeyDenyListed.has(sLink.key)) {
                   setPostKeyValuePair(primaryAcc, sLink);
                 }
diff --git a/src/utils/number-format.service.js b/src/utils/number-format.service.js
index b52a499b0..1b3903d51 100644
--- a/src/utils/number-format.service.js
+++ b/src/utils/number-format.service.js
@@ -16,7 +16,7 @@ export function format(num, digits) {
     { value: 1e9, symbol: "G" },
     { value: 1e12, symbol: "T" },
     { value: 1e15, symbol: "P" },
-    { value: 1e18, symbol: "E" }
+    { value: 1e18, symbol: "E" },
   ];
   const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
   let i;
diff --git a/src/utils/string-format.service.js b/src/utils/string-format.service.js
index 05c3eebfb..4b7753f11 100644
--- a/src/utils/string-format.service.js
+++ b/src/utils/string-format.service.js
@@ -17,7 +17,7 @@ export function convertCamelCasetoTitleCase(title) {
  * Convert sentence case to title case. Based off https://stackoverflow.com/a/196991.
  */
 export function convertSentenceCaseToTitleCase(title) {
-  return title.replace(/\w\S*/g, text => {
+  return title.replace(/\w\S*/g, (text) => {
     return text.charAt(0).toUpperCase() + text.substr(1).toLowerCase();
   });
 }
diff --git a/src/utils/system.service.js b/src/utils/system.service.js
index c77239cfc..899a34a02 100644
--- a/src/utils/system.service.js
+++ b/src/utils/system.service.js
@@ -17,7 +17,7 @@ const SYSTEM_HEALTH_CHECK_API_URL =
 export function healthCheck() {
   return fetch(SYSTEM_HEALTH_CHECK_API_URL)
     .then(HttpService.checkResponseStatus)
-    .then(resp => resp.json())
+    .then((resp) => resp.json())
     .then(bindHealthCheckResponse);
 }
 
@@ -26,6 +26,6 @@ export function healthCheck() {
  */
 function bindHealthCheckResponse(response) {
   return {
-    healthy: response.up
+    healthy: response.up,
   };
 }
diff --git a/src/utils/template.service.js b/src/utils/template.service.js
index 3f0cc6a0f..66fe6f7d9 100644
--- a/src/utils/template.service.js
+++ b/src/utils/template.service.js
@@ -19,13 +19,13 @@ export function getPageTitle(htmlAst) {
   }
 
   // Find the top-level of the page
-  const h1 = htmlAst.children.find(child => child.tagName === "h1");
+  const h1 = htmlAst.children.find((child) => child.tagName === "h1");
   if (!h1) {
     return "";
   }
 
   // Return text node of h1
-  return h1.children.find(child => child.type === "text").value || "";
+  return h1.children.find((child) => child.type === "text").value || "";
 }
 
 /**
diff --git a/src/utils/toc.service.js b/src/utils/toc.service.js
index 1a4cce000..4c55c42c9 100644
--- a/src/utils/toc.service.js
+++ b/src/utils/toc.service.js
@@ -46,7 +46,7 @@ function buildTOC(anchor, depth, name, required = true, tocType) {
     depth: depth,
     name: name,
     required: required,
-    type: tocType
+    type: tocType,
   };
 }
 
@@ -59,18 +59,20 @@ function buildTOCsMarkdown(docPath) {
   const tocQuery = TOCPageQuery();
 
   /* Find the TOC query for the specified path. */
-  const tocPage = tocQuery.find(page => page.fields.slug === docPath);
+  const tocPage = tocQuery.find((page) => page.fields.slug === docPath);
 
   /* Filter for <h2> headings. */
   const headings = tocPage.htmlAst.children.filter(
-    child => child.tagName === "h2"
+    (child) => child.tagName === "h2"
   );
 
   /* Return the TOC. */
-  return headings.map(heading => {
+  return headings.map((heading) => {
     const anchor = `${heading.properties.id}`;
     const tocDepth = Number(heading.tagName.charAt(1));
-    const tocName = heading.children.find(child => child.type === "text").value;
+    const tocName = heading.children.find(
+      (child) => child.type === "text"
+    ).value;
     const tocType = "docs";
 
     return buildTOC(anchor, tocDepth, tocName, false, tocType);
@@ -105,7 +107,7 @@ function buildTOCsMetadata(docPath, showAllMetadata) {
  * @returns {*}
  */
 function getMetadataSchema(schemas, docPath) {
-  return schemas.find(schema => schema.fields.slug === docPath);
+  return schemas.find((schema) => schema.fields.slug === docPath);
 }
 
 /**
@@ -114,7 +116,7 @@ function getMetadataSchema(schemas, docPath) {
  * @param tocProperties
  */
 function getMetadataTOC(tocProperties) {
-  return tocProperties.map(property => {
+  return tocProperties.map((property) => {
     const anchor = property.anchor;
     const tocDepth = 2;
     let tocName;
@@ -141,7 +143,7 @@ function getMetadataTOC(tocProperties) {
 function filterMetadataProperties(tocSchema, showAllMetadata) {
   /* Filter to include only the primary properties. */
   /* Filter if the show all metadata toggle is "required" only. */
-  return tocSchema.properties.filter(property => {
+  return tocSchema.properties.filter((property) => {
     const { primary, primaryRequired } = property || {};
 
     if (showAllMetadata) {
diff --git a/src/utils/tooltip.service.js b/src/utils/tooltip.service.js
index 5ba32a730..fdd96c077 100644
--- a/src/utils/tooltip.service.js
+++ b/src/utils/tooltip.service.js
@@ -84,6 +84,6 @@ export function positionTooltip(target, tooltip) {
 
   return {
     x: x,
-    y: y
+    y: y,
   };
 }
diff --git a/src/utils/typography.js b/src/utils/typography.js
index 2f69e1faa..b9c613cfa 100644
--- a/src/utils/typography.js
+++ b/src/utils/typography.js
@@ -24,8 +24,8 @@ const typography = new Typography({
   googleFonts: [
     {
       name: "Montserrat",
-      styles: ["300", "400", "500", "600", "700"]
-    }
+      styles: ["300", "400", "500", "600", "700"],
+    },
   ],
   includeNormalize: true,
   overrideStyles: ({ adjustFontSizeTo, scale }, options, styles) => {
@@ -36,104 +36,105 @@ const typography = new Typography({
     return {
       "body, html": {},
       body: {
-        letterSpacing: "0.2px"
+        letterSpacing: "0.2px",
       },
       "*, *:before, *:after": {
         mozBoxSizing: "border-box",
         webkitBoxSizing: "border-box",
-        boxSizing: "border-box"
+        boxSizing: "border-box",
       },
       p: {
         ...adjustFontSizeTo("15px"),
         lineHeight: "25px",
-        margin: "0 0 18px"
+        margin: "0 0 18px",
       },
       h1: {
         ...adjustFontSizeTo("34px"),
         lineHeight: "38px",
-        margin: "28px 0 6px"
+        margin: "28px 0 6px",
       },
       h2: {
         ...adjustFontSizeTo("24px"),
         lineHeight: "30px",
-        margin: "24px 0 8px"
+        margin: "24px 0 8px",
       },
       h3: {
         ...adjustFontSizeTo("18px"),
         lineHeight: "24px",
-        margin: "16px 0 10px"
+        margin: "16px 0 10px",
       },
       h4: {
         ...adjustFontSizeTo("16px"),
         lineHeight: "22px",
-        margin: "14px 0 16px"
+        margin: "14px 0 16px",
       },
       h5: {
         ...adjustFontSizeTo("16px"),
         lineHeight: "28px",
-        margin: "0 0 18px"
+        margin: "0 0 18px",
       },
       h6: {
         ...adjustFontSizeTo("14px"),
         lineHeight: "24px",
-        margin: "0 0 12px"
+        margin: "0 0 12px",
       },
       a: {
         color: primary,
         cursor: "pointer",
         font: "inherit",
-        textDecoration: "none"
+        textDecoration: "none",
       },
       "a:hover": {
-        color: "none"
+        color: "none",
       },
       "a:focus,a:active,a:hover": {
-        outline: 0
+        outline: 0,
       },
       blockquote: {
         backgroundColor: background,
         borderRadius: "3px",
         margin: "0 0 18px",
-        padding: "16px"
-      },
-      "blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6": {
-        margin: "0 0 8px"
+        padding: "16px",
       },
+      "blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6":
+        {
+          margin: "0 0 8px",
+        },
       "blockquote p": {
-        color: grayDark
+        color: grayDark,
       },
       "dd,dl,ol,ul": {
         margin: 0,
-        padding: 0
+        padding: 0,
       },
       "ol, ul": {
-        marginBottom: "24px"
+        marginBottom: "24px",
       },
       img: {
         border: 0,
-        marginBottom: 0
+        marginBottom: 0,
       },
       strong: {
-        fontWeight: "400"
+        fontWeight: "400",
       },
       "thead tr, tbody tr": {
-        borderBottom: "1px solid" + grayLight
+        borderBottom: "1px solid" + grayLight,
       },
       "thead tr th, tbody tr td": {
-        borderBottom: "none"
+        borderBottom: "none",
       },
       "thead th, tbody tr": {
         fontSize: "13px",
-        lineHeight: "18px"
+        lineHeight: "18px",
       },
       "thead th": {
-        fontWeight: 400
+        fontWeight: 400,
       },
       "tbody tr": {
-        fontWeight: 300
-      }
+        fontWeight: 300,
+      },
     };
-  }
+  },
 });
 
 export default typography;