diff --git a/web-ui/src/App.jsx b/web-ui/src/App.jsx
index 95554aa2b..9b634dc38 100644
--- a/web-ui/src/App.jsx
+++ b/web-ui/src/App.jsx
@@ -46,7 +46,7 @@ function SchemeToggle() {
 
 const theme = createTheme({
   cssVariables: {
-    colorSchemeSelector: 'data',
+    colorSchemeSelector: 'data'
   },
   colorSchemes: {
     light: {
diff --git a/web-ui/src/components/expand-more/ExpandMore.jsx b/web-ui/src/components/expand-more/ExpandMore.jsx
index 267487370..1bdc5fe84 100644
--- a/web-ui/src/components/expand-more/ExpandMore.jsx
+++ b/web-ui/src/components/expand-more/ExpandMore.jsx
@@ -9,24 +9,20 @@ const ExpandMore = styled(props => {
       {props.children ? props.children : <ExpandMoreIcon />}
     </IconButton>
   );
-})(({
-  theme
-}) => ({
+})(({ theme }) => ({
   transform: 'rotate(180deg)',
   marginLeft: 'auto',
   transition: theme.transitions.create('transform', {
     duration: theme.transitions.duration.shortest
   }),
-  variants: [{
-    props: (
-      {
-        expand
+  variants: [
+    {
+      props: ({ expand }) => !expand,
+      style: {
+        transform: 'rotate(0deg)'
       }
-    ) => !expand,
-    style: {
-      transform: 'rotate(0deg)'
     }
-  }]
+  ]
 }));
 
 export default ExpandMore;
diff --git a/web-ui/src/components/notes/Note.jsx b/web-ui/src/components/notes/Note.jsx
index 4332449c8..ca16ff460 100644
--- a/web-ui/src/components/notes/Note.jsx
+++ b/web-ui/src/components/notes/Note.jsx
@@ -100,7 +100,7 @@ const Notes = props => {
     }
 
     setNote(note => {
-        const newNote = { ...note, description: content };
+      const newNote = { ...note, description: content };
       updateNote(newNote, csrf);
       return newNote;
     });
@@ -125,32 +125,39 @@ const Notes = props => {
           </div>
         ) : (
           <>
-          <div style={{display:"none"}} data-testid="tiny-mce-checkin-notes" />
-          <Editor
-            apiKey="246ojmsp6c7qtnr9aoivktvi3mi5t7ywuf0vevn6wllfcn9e"
-            id="tiny-mce-checkin-notes"
-            value={note && note.description ? note.description : ''}
-            onEditorChange={handleNoteChange}
-            readOnly={
-              currentCheckin?.completed ||
-              note === undefined ||
-              Object.keys(note) === 0
-            }
-            init={{
-              promotion: false,
-              plugins: 'lists',
-              toolbar:
-                'undo redo | blocks | ' +
-                'bold italic underline strikethrough forecolor | alignleft aligncenter ' +
-                'alignright alignjustify | bullist numlist outdent indent | ' +
-                'removeformat | help',
-              skin: document.querySelector('[data-dark]') ? 'oxide-dark' : 'oxide',
-              content_css: document.querySelector('[data-dark]') ? 'dark' : 'default'
-            }}
-            tinymceScriptSrc={
-              import.meta.env.VITE_APP_API_URL + '/js/tinymce/tinymce.min.js'
-            }
-          />
+            <div
+              style={{ display: 'none' }}
+              data-testid="tiny-mce-checkin-notes"
+            />
+            <Editor
+              apiKey="246ojmsp6c7qtnr9aoivktvi3mi5t7ywuf0vevn6wllfcn9e"
+              id="tiny-mce-checkin-notes"
+              value={note && note.description ? note.description : ''}
+              onEditorChange={handleNoteChange}
+              readOnly={
+                currentCheckin?.completed ||
+                note === undefined ||
+                Object.keys(note) === 0
+              }
+              init={{
+                promotion: false,
+                plugins: 'lists',
+                toolbar:
+                  'undo redo | blocks | ' +
+                  'bold italic underline strikethrough forecolor | alignleft aligncenter ' +
+                  'alignright alignjustify | bullist numlist outdent indent | ' +
+                  'removeformat | help',
+                skin: document.querySelector('[data-dark]')
+                  ? 'oxide-dark'
+                  : 'oxide',
+                content_css: document.querySelector('[data-dark]')
+                  ? 'dark'
+                  : 'default'
+              }}
+              tinymceScriptSrc={
+                import.meta.env.VITE_APP_API_URL + '/js/tinymce/tinymce.min.js'
+              }
+            />
           </>
         )}
       </CardContent>
diff --git a/web-ui/src/components/notes/Note.test.jsx b/web-ui/src/components/notes/Note.test.jsx
index cc1029a7e..9b9127675 100644
--- a/web-ui/src/components/notes/Note.test.jsx
+++ b/web-ui/src/components/notes/Note.test.jsx
@@ -65,9 +65,12 @@ const notes = [
 ];
 
 const server = setupServer(
-  http.get(`http://localhost:8080/services/checkin-notes?checkinid=${checkin.id}`, () => {
-    return HttpResponse.json(notes);
-  }),
+  http.get(
+    `http://localhost:8080/services/checkin-notes?checkinid=${checkin.id}`,
+    () => {
+      return HttpResponse.json(notes);
+    }
+  )
 );
 
 beforeAll(() => server.listen({ onUnhandledRequest(request, print) {} }));
@@ -75,7 +78,8 @@ afterEach(() => server.resetHandlers());
 afterAll(() => server.close());
 
 it('renders correctly', async () => {
-  await waitForSnapshot('tiny-mce-checkin-notes',
+  await waitForSnapshot(
+    'tiny-mce-checkin-notes',
     <Router history={history}>
       <AppContextProvider value={initialState}>
         <Notes
diff --git a/web-ui/src/components/private-note/PrivateNote.jsx b/web-ui/src/components/private-note/PrivateNote.jsx
index 344f66b65..c65667a5d 100644
--- a/web-ui/src/components/private-note/PrivateNote.jsx
+++ b/web-ui/src/components/private-note/PrivateNote.jsx
@@ -163,38 +163,46 @@ const PrivateNote = () => {
             </div>
           ) : (
             <>
-            <div style={{ display: "none" }} data-testid="tiny-mce-checkin-private-notes" />
-            <Editor
-              apiKey="246ojmsp6c7qtnr9aoivktvi3mi5t7ywuf0vevn6wllfcn9e"
-              id="tiny-mce-checkin-private-notes"
-              value={note && note.description ? note.description : ''}
-              onEditorChange={handleNoteChange}
-              readOnly={
-                currentCheckin?.completed ||
-                note === undefined ||
-                Object.keys(note) === 0
-              }
-              init={{
-                promotion: false,
-                plugins: 'lists',
-                toolbar:
-                  'undo redo | blocks | ' +
-                  'bold italic underline strikethrough forecolor | alignleft aligncenter ' +
-                  'alignright alignjustify | bullist numlist outdent indent | ' +
-                  'removeformat | help',
-                skin: document.querySelector('[data-dark]') ? 'oxide-dark' : 'oxide',
-                content_css: document.querySelector('[data-dark]') ? 'dark' : 'default'
-              }}
-              tinymceScriptSrc={
-                import.meta.env.VITE_APP_API_URL + '/js/tinymce/tinymce.min.js'
-              }
-            />
+              <div
+                style={{ display: 'none' }}
+                data-testid="tiny-mce-checkin-private-notes"
+              />
+              <Editor
+                apiKey="246ojmsp6c7qtnr9aoivktvi3mi5t7ywuf0vevn6wllfcn9e"
+                id="tiny-mce-checkin-private-notes"
+                value={note && note.description ? note.description : ''}
+                onEditorChange={handleNoteChange}
+                readOnly={
+                  currentCheckin?.completed ||
+                  note === undefined ||
+                  Object.keys(note) === 0
+                }
+                init={{
+                  promotion: false,
+                  plugins: 'lists',
+                  toolbar:
+                    'undo redo | blocks | ' +
+                    'bold italic underline strikethrough forecolor | alignleft aligncenter ' +
+                    'alignright alignjustify | bullist numlist outdent indent | ' +
+                    'removeformat | help',
+                  skin: document.querySelector('[data-dark]')
+                    ? 'oxide-dark'
+                    : 'oxide',
+                  content_css: document.querySelector('[data-dark]')
+                    ? 'dark'
+                    : 'default'
+                }}
+                tinymceScriptSrc={
+                  import.meta.env.VITE_APP_API_URL +
+                  '/js/tinymce/tinymce.min.js'
+                }
+              />
             </>
-            )}
-            </CardContent>
-            </Card>
-            )
-            );
-          };
+          )}
+        </CardContent>
+      </Card>
+    )
+  );
+};
 
-          export default PrivateNote;
+export default PrivateNote;
diff --git a/web-ui/src/components/private-note/PrivateNote.test.jsx b/web-ui/src/components/private-note/PrivateNote.test.jsx
index f6e3c8c0c..1449a252c 100644
--- a/web-ui/src/components/private-note/PrivateNote.test.jsx
+++ b/web-ui/src/components/private-note/PrivateNote.test.jsx
@@ -75,9 +75,12 @@ const notes = [
 ];
 
 const server = setupServer(
-  http.get(`http://localhost:8080/services/private-notes?checkinid=${checkin.id}`, () => {
-    return HttpResponse.json(notes);
-  }),
+  http.get(
+    `http://localhost:8080/services/private-notes?checkinid=${checkin.id}`,
+    () => {
+      return HttpResponse.json(notes);
+    }
+  )
 );
 
 beforeAll(() => server.listen({ onUnhandledRequest(request, print) {} }));
@@ -85,7 +88,8 @@ afterEach(() => server.resetHandlers());
 afterAll(() => server.close());
 
 it('renders correctly', async () => {
-  await waitForSnapshot('tiny-mce-checkin-private-notes',
+  await waitForSnapshot(
+    'tiny-mce-checkin-private-notes',
     <Router history={history}>
       <AppContextProvider value={initialState}>
         <PrivateNote
diff --git a/web-ui/src/components/reviews/periods/ReviewPeriods.jsx b/web-ui/src/components/reviews/periods/ReviewPeriods.jsx
index 773fc9af8..149a1e46f 100644
--- a/web-ui/src/components/reviews/periods/ReviewPeriods.jsx
+++ b/web-ui/src/components/reviews/periods/ReviewPeriods.jsx
@@ -514,4 +514,4 @@ const ReviewPeriods = ({ onPeriodSelected, mode }) => {
 };
 ReviewPeriods.propTypes = propTypes;
 ReviewPeriods.displayName = displayName;
-export default ReviewPeriods;
\ No newline at end of file
+export default ReviewPeriods;
diff --git a/web-ui/src/pages/CheckinsPage.test.jsx b/web-ui/src/pages/CheckinsPage.test.jsx
index 17ec5c50b..0d6a0458c 100644
--- a/web-ui/src/pages/CheckinsPage.test.jsx
+++ b/web-ui/src/pages/CheckinsPage.test.jsx
@@ -81,9 +81,12 @@ const server = setupServer(
   http.get('http://localhost:8080/services/document/1', () => {
     return HttpResponse.json(mockuments);
   }),
-  http.get(`http://localhost:8080/services/checkin-notes?checkinid=${mockCheckinId}`, () => {
-    return HttpResponse.json(notes);
-  }),
+  http.get(
+    `http://localhost:8080/services/checkin-notes?checkinid=${mockCheckinId}`,
+    () => {
+      return HttpResponse.json(notes);
+    }
+  )
 );
 
 beforeAll(() => server.listen({ onUnhandledRequest(request, print) {} }));
diff --git a/web-ui/src/pages/CloseWindow.jsx b/web-ui/src/pages/CloseWindow.jsx
index 65ab1275c..fb3fdcf9e 100644
--- a/web-ui/src/pages/CloseWindow.jsx
+++ b/web-ui/src/pages/CloseWindow.jsx
@@ -1,5 +1,9 @@
-window.close();
+import React from 'react';
+import { useEffect } from 'react';
 
 export default function CloseWindow() {
+  useEffect(() => {
+    window.close();
+  }, []);
   return <></>;
 }
diff --git a/web-ui/src/pages/EmailPage.css b/web-ui/src/pages/EmailPage.css
index 84f6b58a2..5ea0c8487 100644
--- a/web-ui/src/pages/EmailPage.css
+++ b/web-ui/src/pages/EmailPage.css
@@ -25,15 +25,16 @@
 
 .email-page .email-format-container .email-format-button-selected {
   color: #313131;
-  background-color: rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-selectedOpacity));;
+  background-color: rgba(
+    var(--mui-palette-primary-mainChannel) /
+      var(--mui-palette-action-selectedOpacity)
+  );
   border: 2px solid green;
   text-align: center;
   margin: 0.5rem 3rem;
 }
 
-.email-page
-  .email-format-container
-  .email-format-button-content {
+.email-page .email-format-container .email-format-button-content {
   width: 250px;
   color: var(--mui-palette-primary-text);
   height: 250px;
diff --git a/web-ui/src/pages/EmailPage.jsx b/web-ui/src/pages/EmailPage.jsx
index c1b679273..51295363a 100644
--- a/web-ui/src/pages/EmailPage.jsx
+++ b/web-ui/src/pages/EmailPage.jsx
@@ -71,7 +71,11 @@ const ChooseEmailFormatStep = ({
     <>
       <div className="email-format-container">
         <Button
-          className={emailFormat === 'file' ? "email-format-button-selected" : "email-format-button"}
+          className={
+            emailFormat === 'file'
+              ? 'email-format-button-selected'
+              : 'email-format-button'
+          }
           disabled={emailSent}
           onClick={() => handleFormatButtonClick('file')}
         >
@@ -96,7 +100,11 @@ const ChooseEmailFormatStep = ({
           </div>
         </Button>
         <Button
-          className={emailFormat === 'text' ? "email-format-button-selected" : "email-format-button"}
+          className={
+            emailFormat === 'text'
+              ? 'email-format-button-selected'
+              : 'email-format-button'
+          }
           disabled={emailSent}
           onClick={() => handleFormatButtonClick('text')}
         >
diff --git a/web-ui/src/pages/FeedbackSubmitPage.jsx b/web-ui/src/pages/FeedbackSubmitPage.jsx
index 8840ccd9e..a38b12212 100644
--- a/web-ui/src/pages/FeedbackSubmitPage.jsx
+++ b/web-ui/src/pages/FeedbackSubmitPage.jsx
@@ -170,7 +170,11 @@ const FeedbackSubmitPage = () => {
   return (
     <Root data-testid={requestQuery} className="feedback-submit-page">
       {requestCanceled ? (
-        <Typography data-testid={requestQuery+"-canceled"} className={classes.announcement} variant="h3">
+        <Typography
+          data-testid={requestQuery + '-canceled'}
+          className={classes.announcement}
+          variant="h3"
+        >
           This feedback request has been canceled.
         </Typography>
       ) : tabs || requestSubmitted || selfReviewRequest ? (
diff --git a/web-ui/src/pages/KudosPage.jsx b/web-ui/src/pages/KudosPage.jsx
index 3fb94c251..fde5c35ed 100644
--- a/web-ui/src/pages/KudosPage.jsx
+++ b/web-ui/src/pages/KudosPage.jsx
@@ -131,7 +131,10 @@ const KudosPage = () => {
   const loadPublicKudos = useCallback(async () => {
     setPublicKudosLoading(true);
     const oldestDate = getOldestDate();
-    const res = await getPublicKudos(csrf, oldestDate === true ? undefined : oldestDate?.toISOString().split('T')[0]);
+    const res = await getPublicKudos(
+      csrf,
+      oldestDate === true ? undefined : oldestDate?.toISOString().split('T')[0]
+    );
     if (res?.payload?.data && !res.error) {
       setPublicKudosLoading(false);
       return res.payload.data;
diff --git a/web-ui/src/pages/SettingsPage.jsx b/web-ui/src/pages/SettingsPage.jsx
index b05bf8716..e911a2c3f 100644
--- a/web-ui/src/pages/SettingsPage.jsx
+++ b/web-ui/src/pages/SettingsPage.jsx
@@ -30,9 +30,11 @@ const componentMapping = {
 };
 
 const constructFileHandler = setting => {
-    return (file) => {
-        console.log(`Pretend we saved that file for ${setting.name} somewhere (we didn't)...`);
-    };
+  return file => {
+    console.log(
+      `Pretend we saved that file for ${setting.name} somewhere (we didn't)...`
+    );
+  };
 };
 
 const SettingsPage = () => {
@@ -42,15 +44,16 @@ const SettingsPage = () => {
   const [settings, setSettings] = useState([]);
   const [handlers, setHandlers] = useState({});
   const [update, setUpdate] = useState(true);
-  const canView = selectHasViewSettingsPermission(state) ||
-                  selectHasAdministerSettingsPermission(state);
+  const canView =
+    selectHasViewSettingsPermission(state) ||
+    selectHasAdministerSettingsPermission(state);
 
   useEffect(() => {
     const fetchData = async () => {
       // Get the options from the server
       const allOptions = canView
-          ? (await getAllOptions(csrf)).payload.data
-          : [];
+        ? (await getAllOptions(csrf)).payload.data
+        : [];
 
       if (allOptions?.length !== 0) {
         // Sort the options by category, store them, and update the state.
@@ -72,36 +75,40 @@ const SettingsPage = () => {
   }, [csrf, canView, update, setUpdate, setSettings]);
 
   useEffect(() => {
-    if(settings?.length !== 0) {
-      setHandlers(settings.reduce((acc, curr) =>{
-        if(curr.type.toUpperCase() === "FILE") {
-          acc[curr.name] = constructFileHandler(curr);
-        } else {
-          acc[curr.name] = (event) => {
-            const newSettings = [...settings];
-            const setting = newSettings.find(test => test.name === curr.name);
-            setting.value = event.target.value;
-            setSettings(newSettings);
+    if (settings?.length !== 0) {
+      setHandlers(
+        settings.reduce((acc, curr) => {
+          if (curr.type.toUpperCase() === 'FILE') {
+            acc[curr.name] = constructFileHandler(curr);
+          } else {
+            acc[curr.name] = event => {
+              const newSettings = [...settings];
+              const setting = newSettings.find(test => test.name === curr.name);
+              setting.value = event.target.value;
+              setSettings(newSettings);
+            };
           }
-        }
-        return acc;
-      }, {}));
+          return acc;
+        }, {})
+      );
     }
-  }, [setHandlers, setSettings, settings])
+  }, [setHandlers, setSettings, settings]);
 
   const save = useCallback(async () => {
-    if(settings && settings.length > 0) {
+    if (settings && settings.length > 0) {
       let errors;
-      let promises = settings.filter(setting => setting.type.toUpperCase() !== "FILE").map(setting => {
-        let promise = setting.id ?
-          putOption({ name: setting.name, value: setting.value }, csrf) :
-          postOption({ name: setting.name, value: setting.value }, csrf);
-
-        return promise;
-      });
+      let promises = settings
+        .filter(setting => setting.type.toUpperCase() !== 'FILE')
+        .map(setting => {
+          let promise = setting.id
+            ? putOption({ name: setting.name, value: setting.value }, csrf)
+            : postOption({ name: setting.name, value: setting.value }, csrf);
+
+          return promise;
+        });
 
-      Promise.all(promises).then((results) => {
-        results.forEach((res) => {
+      Promise.all(promises).then(results => {
+        results.forEach(res => {
           if (res?.error) {
             const error = res?.error?.message;
             if (errors) {
@@ -133,7 +140,7 @@ const SettingsPage = () => {
         }
       });
     }
-  },[settings]);
+  }, [settings]);
 
   const categories = {};
 
@@ -142,7 +149,9 @@ const SettingsPage = () => {
       {settings.map((setting, index) => {
         const Component = componentMapping[setting.type.toUpperCase()];
         const info = { ...setting, name: titleCase(setting.name) };
-        setting.type === 'FILE' ? info.handleFunction = handlers[setting.name] : info.handleChange = handlers[setting.name];
+        setting.type === 'FILE'
+          ? (info.handleFunction = handlers[setting.name])
+          : (info.handleChange = handlers[setting.name]);
         if (categories[info.category]) {
           return <Component key={index} {...info} />;
         } else {