diff --git a/teachertool/src/components/CatalogModal.tsx b/teachertool/src/components/CatalogModal.tsx
index 38873c882825..91553c81e475 100644
--- a/teachertool/src/components/CatalogModal.tsx
+++ b/teachertool/src/components/CatalogModal.tsx
@@ -9,7 +9,7 @@ import { getSelectableCatalogCriteria } from "../state/helpers";
 import css from "./styling/CatalogModal.module.scss";
 
 interface CatalogCriteriaDisplayProps {
-    criteria: CatalogCriteria
+    criteria: CatalogCriteria;
 }
 const CatalogCriteriaDisplay: React.FC<CatalogCriteriaDisplayProps> = ({ criteria }) => {
     return (
@@ -18,7 +18,7 @@ const CatalogCriteriaDisplay: React.FC<CatalogCriteriaDisplayProps> = ({ criteri
             {criteria.description && <div className={css["criteria-description"]}>{criteria.description}</div>}
         </div>
     );
-}
+};
 
 interface CatalogModalProps {}
 export const CatalogModal: React.FC<CatalogModalProps> = ({}) => {
diff --git a/teachertool/src/components/CriteriaTable.tsx b/teachertool/src/components/CriteriaTable.tsx
index a57bd97b960c..91525ac11c8d 100644
--- a/teachertool/src/components/CriteriaTable.tsx
+++ b/teachertool/src/components/CriteriaTable.tsx
@@ -22,7 +22,9 @@ const CriteriaInstanceRow: React.FC<CriteriaInstanceDisplayProps> = ({ criteriaI
         <div className={css["criteria-instance-display"]} role="row" title={catalogCriteria.template}>
             <div className={classList(css["cell"], css["criteria-text-cell"])} role="cell">
                 {catalogCriteria.template}
-                {catalogCriteria.description && <div className={css["criteria-description"]}>{catalogCriteria.description}</div>}
+                {catalogCriteria.description && (
+                    <div className={css["criteria-description"]}>{catalogCriteria.description}</div>
+                )}
             </div>
             <div
                 className={classList(css["cell"], css["criteria-action-menu-cell"])}