diff --git a/ui/src/album/AlbumDetails.jsx b/ui/src/album/AlbumDetails.jsx
index 3263fd55..bd6a4152 100644
--- a/ui/src/album/AlbumDetails.jsx
+++ b/ui/src/album/AlbumDetails.jsx
@@ -351,7 +351,9 @@ const AlbumDetails = (props) => {
                   variant={'body1'}
                   onClick={() => setExpanded(!expanded)}
                 >
-                  <span><SafeHTML>{notes}</SafeHTML></span>
+                  <span>
+                    <SafeHTML>{notes}</SafeHTML>
+                  </span>
                 </Typography>
               </Collapse>
             )}
@@ -371,7 +373,9 @@ const AlbumDetails = (props) => {
               variant={'body1'}
               onClick={() => setExpanded(!expanded)}
             >
-              <span><SafeHTML>{notes}</SafeHTML></span>
+              <span>
+                <SafeHTML>{notes}</SafeHTML>
+              </span>
             </Typography>
           </Collapse>
         </div>
diff --git a/ui/src/artist/ArtistShow.jsx b/ui/src/artist/ArtistShow.jsx
index 668e0721..ba8586d0 100644
--- a/ui/src/artist/ArtistShow.jsx
+++ b/ui/src/artist/ArtistShow.jsx
@@ -71,7 +71,9 @@ const ArtistDetails = (props) => {
   }, [record.id])
 
   const Component = isDesktop ? DesktopArtistDetails : MobileArtistDetails
-  return <Component artistInfo={artistInfo} record={record} biography={biography} />
+  return (
+    <Component artistInfo={artistInfo} record={record} biography={biography} />
+  )
 }
 
 const ArtistShowLayout = (props) => {
diff --git a/ui/src/artist/DesktopArtistDetails.jsx b/ui/src/artist/DesktopArtistDetails.jsx
index f999b02f..1e074ce4 100644
--- a/ui/src/artist/DesktopArtistDetails.jsx
+++ b/ui/src/artist/DesktopArtistDetails.jsx
@@ -173,7 +173,9 @@ const DesktopArtistDetails = ({ artistInfo, record, biography }) => {
                 variant={'body1'}
                 onClick={() => setExpanded(!expanded)}
               >
-                <span><SafeHTML>{biography}</SafeHTML></span>
+                <span>
+                  <SafeHTML>{biography}</SafeHTML>
+                </span>
               </Typography>
             </Collapse>
           </CardContent>
diff --git a/ui/src/artist/MobileArtistDetails.jsx b/ui/src/artist/MobileArtistDetails.jsx
index de9b3867..e8c044d6 100644
--- a/ui/src/artist/MobileArtistDetails.jsx
+++ b/ui/src/artist/MobileArtistDetails.jsx
@@ -169,7 +169,9 @@ const MobileArtistDetails = ({ artistInfo, biography, record }) => {
       <div className={classes.biography}>
         <Collapse collapsedHeight={'1.5em'} in={expanded} timeout={'auto'}>
           <Typography variant={'body1'} onClick={() => setExpanded(!expanded)}>
-            <span><SafeHTML>{biography}</SafeHTML></span>
+            <span>
+              <SafeHTML>{biography}</SafeHTML>
+            </span>
           </Typography>
         </Collapse>
       </div>
diff --git a/ui/src/common/MultiLineTextField.jsx b/ui/src/common/MultiLineTextField.jsx
index d95def2f..1218d4bd 100644
--- a/ui/src/common/MultiLineTextField.jsx
+++ b/ui/src/common/MultiLineTextField.jsx
@@ -28,9 +28,7 @@ export const MultiLineTextField = memo(
         component="span"
         {...sanitizeFieldRestProps(rest)}
       >
-        {lines.length === 0 && emptyText
-          ? emptyText
-          : lines}
+        {lines.length === 0 && emptyText ? emptyText : lines}
       </Typography>
     )
   },
diff --git a/ui/src/common/SafeHTML.jsx b/ui/src/common/SafeHTML.jsx
index 7d73e17f..643b538b 100644
--- a/ui/src/common/SafeHTML.jsx
+++ b/ui/src/common/SafeHTML.jsx
@@ -1,9 +1,7 @@
 import DOMPurify from 'dompurify'
 import { Fragment, useMemo } from 'react'
 
-export const SafeHTML = ({
-  children,
-}) => {
+export const SafeHTML = ({ children }) => {
   const purified = useMemo(() => {
     const purify = DOMPurify()