diff --git a/website/src/components/Udels/UdelsEditor.jsx b/website/src/components/Udels/UdelsEditor.jsx
index 46e9eaf0..2d05640f 100644
--- a/website/src/components/Udels/UdelsEditor.jsx
+++ b/website/src/components/Udels/UdelsEditor.jsx
@@ -1,4 +1,3 @@
-
 import Loader from '@src/repl/components/Loader';
 import { Panel } from '@src/repl/components/panel/Panel';
 import { Code } from '@src/repl/components/Code';
@@ -10,18 +9,18 @@ import UserFacingErrorMessage from '@src/repl/components/UserFacingErrorMessage'
 // }
 
 export default function UdelsEditor(Props) {
-  const {context} = Props;
+  const { context } = Props;
   const { containerRef, editorRef, error, init, pending, started, handleTogglePlay } = context;
 
   return (
-      <div className={'h-full flex w-full flex-col relative'}>
-        <Loader active={pending} />
-        <BigPlayButton started={started} handleTogglePlay={handleTogglePlay} />
-        <div className="grow flex relative overflow-hidden">
-          <Code containerRef={containerRef} editorRef={editorRef} init={init} />
-        </div>
-        <UserFacingErrorMessage error={error} />
-        <Panel context={context} />
+    <div className={'h-full flex w-full flex-col relative'}>
+      <Loader active={pending} />
+      <BigPlayButton started={started} handleTogglePlay={handleTogglePlay} />
+      <div className="grow flex relative overflow-hidden">
+        <Code containerRef={containerRef} editorRef={editorRef} init={init} />
       </div>
+      <UserFacingErrorMessage error={error} />
+      <Panel context={context} />
+    </div>
   );
 }
diff --git a/website/src/repl/Repl.jsx b/website/src/repl/Repl.jsx
index 5937b1a7..9032be28 100644
--- a/website/src/repl/Repl.jsx
+++ b/website/src/repl/Repl.jsx
@@ -5,9 +5,7 @@ This program is free software: you can redistribute it and/or modify it under th
 */
 
 import { isIframe, isUdels } from './util.mjs';
-
 import UdelsEditor from '@components/Udels/UdelsEditor';
-
 import ReplEditor from './components/ReplEditor';
 import EmbeddedReplEditor from './components/EmbeddedReplEditor';
 import { useReplContext } from './useReplContext';
diff --git a/website/src/repl/components/Header.jsx b/website/src/repl/components/Header.jsx
index d21ac075..c513f451 100644
--- a/website/src/repl/components/Header.jsx
+++ b/website/src/repl/components/Header.jsx
@@ -6,23 +6,14 @@ import SparklesIcon from '@heroicons/react/20/solid/SparklesIcon';
 import StopCircleIcon from '@heroicons/react/20/solid/StopCircleIcon';
 import cx from '@src/cx.mjs';
 import { useSettings, setIsZen } from '../../settings.mjs';
-
 import '../Repl.css';
+
 const { BASE_URL } = import.meta.env;
 const baseNoTrailing = BASE_URL.endsWith('/') ? BASE_URL.slice(0, -1) : BASE_URL;
 
 export function Header({ context, embedded = false }) {
-  const {
-    
-    started,
-    pending,
-    isDirty,
-    activeCode,
-    handleTogglePlay,
-    handleEvaluate,
-    handleShuffle,
-    handleShare,
-  } = context;
+  const { started, pending, isDirty, activeCode, handleTogglePlay, handleEvaluate, handleShuffle, handleShare } =
+    context;
   const isEmbedded = typeof window !== 'undefined' && (embedded || window.location !== window.parent.location);
   const { isZen } = useSettings();
 
diff --git a/website/src/repl/components/ReplEditor.jsx b/website/src/repl/components/ReplEditor.jsx
index 5b93a7ea..83317bf3 100644
--- a/website/src/repl/components/ReplEditor.jsx
+++ b/website/src/repl/components/ReplEditor.jsx
@@ -1,4 +1,3 @@
-
 import Loader from '@src/repl/components/Loader';
 import { Panel } from '@src/repl/components/panel/Panel';
 import { Code } from '@src/repl/components/Code';
@@ -11,11 +10,10 @@ import { useSettings } from '@src/settings.mjs';
 // }
 
 export default function ReplEditor(Props) {
-  const {context} = Props;
+  const { context } = Props;
   const { containerRef, editorRef, error, init, pending } = context;
- const settings =  useSettings()
- const {panelPosition} = settings;
-
+  const settings = useSettings();
+  const { panelPosition } = settings;
 
   return (
     <div className="h-full flex flex-col relative">
diff --git a/website/src/repl/useReplContext.jsx b/website/src/repl/useReplContext.jsx
index d4748389..d61699b6 100644
--- a/website/src/repl/useReplContext.jsx
+++ b/website/src/repl/useReplContext.jsx
@@ -30,13 +30,12 @@ import {
 } from '../user_pattern_utils.mjs';
 import { useStore } from '@nanostores/react';
 import { prebake } from './prebake.mjs';
-import { getRandomTune, initCode, loadModules, shareCode, } from './util.mjs';
+import { getRandomTune, initCode, loadModules, shareCode } from './util.mjs';
 import './Repl.css';
 import { setInterval, clearInterval } from 'worker-timers';
 import { getMetadata } from '../metadata_parser';
 
 const { latestCode } = settingsMap.get();
-
 let modulesLoading, presets, drawContext, clearCanvas, audioReady;
 
 if (typeof window !== 'undefined') {
@@ -116,7 +115,6 @@ export function useReplContext() {
     window.strudelMirror = editor;
 
     // init settings
-
     initCode().then(async (decoded) => {
       let code, msg;
       if (decoded) {