diff --git a/web/src/App.jsx b/web/src/App.jsx
index d7f5a13ef..850be62bb 100644
--- a/web/src/App.jsx
+++ b/web/src/App.jsx
@@ -15,25 +15,25 @@ export default function App() {
   return (
     <DarkModeProvider>
       <DrawerProvider>
-        <div data-testid='app' className='w-full'>
+        <div data-testid="app" className="w-full">
           <AppBar />
           {status !== FetchStatus.LOADED ? (
-            <div className='flex flex-grow-1 min-h-screen justify-center items-center'>
+            <div className="flex flex-grow-1 min-h-screen justify-center items-center">
               <ActivityIndicator />
             </div>
           ) : (
-            <div className='flex flex-row min-h-screen w-full bg-white dark:bg-gray-900 text-gray-900 dark:text-white'>
+            <div className="flex flex-row min-h-screen w-full bg-white dark:bg-gray-900 text-gray-900 dark:text-white">
               <Sidebar />
-              <div className='w-full flex-auto mt-16 min-w-0'>
+              <div className="w-full flex-auto mt-16 min-w-0">
                 <Router>
-                  <AsyncRoute path='/cameras/:camera/editor' getComponent={Routes.getCameraMap} />
-                  <AsyncRoute path='/cameras/:camera' getComponent={cameraComponent} />
-                  <AsyncRoute path='/birdseye' getComponent={Routes.getBirdseye} />
-                  <AsyncRoute path='/events' getComponent={Routes.getEvents} />
-                  <AsyncRoute path='/recording/:camera/:date?/:hour?/:seconds?' getComponent={Routes.getRecording} />
-                  <AsyncRoute path='/debug' getComponent={Routes.getDebug} />
-                  <AsyncRoute path='/styleguide' getComponent={Routes.getStyleGuide} />
-                  <Cameras default path='/' />
+                  <AsyncRoute path="/cameras/:camera/editor" getComponent={Routes.getCameraMap} />
+                  <AsyncRoute path="/cameras/:camera" getComponent={cameraComponent} />
+                  <AsyncRoute path="/birdseye" getComponent={Routes.getBirdseye} />
+                  <AsyncRoute path="/events" getComponent={Routes.getEvents} />
+                  <AsyncRoute path="/recording/:camera/:date?/:hour?/:seconds?" getComponent={Routes.getRecording} />
+                  <AsyncRoute path="/debug" getComponent={Routes.getDebug} />
+                  <AsyncRoute path="/styleguide" getComponent={Routes.getStyleGuide} />
+                  <Cameras default path="/" />
                 </Router>
               </div>
             </div>