diff --git a/packages/superdough/synth.mjs b/packages/superdough/synth.mjs
index 113fb4e5..51699f98 100644
--- a/packages/superdough/synth.mjs
+++ b/packages/superdough/synth.mjs
@@ -73,8 +73,8 @@ export function registerSynthSounds() {
     'supersaw',
     (begin, value, onended) => {
       const ac = getAudioContext();
-      const {z1, z2, z3} = value;
-      let { duration, n, unison = z2 ?? 5, spread = z3 ?? 0.6, detune, } = value;
+      const { z1, z2, z3 } = value;
+      let { duration, n, unison = z2 ?? 5, spread = z3 ?? 0.6, detune } = value;
       detune = detune ?? n ?? z1 ?? 0.18;
       const frequency = getFrequencyFromValue(value);
 
diff --git a/website/src/components/Udels/UdelsEditor.jsx b/website/src/components/Udels/UdelsEditor.jsx
index 47e7a328..fe7a1ae4 100644
--- a/website/src/components/Udels/UdelsEditor.jsx
+++ b/website/src/components/Udels/UdelsEditor.jsx
@@ -1,5 +1,5 @@
 import Loader from '@src/repl/components/Loader';
-import { HorizontalPanel, } from '@src/repl/components/panel/Panel';
+import { HorizontalPanel } from '@src/repl/components/panel/Panel';
 import { Code } from '@src/repl/components/Code';
 import BigPlayButton from '@src/repl/components/BigPlayButton';
 import UserFacingErrorMessage from '@src/repl/components/UserFacingErrorMessage';
@@ -20,7 +20,7 @@ export default function UdelsEditor(Props) {
         <Code containerRef={containerRef} editorRef={editorRef} init={init} />
       </div>
       <UserFacingErrorMessage error={error} />
-      <HorizontalPanel context={context}  />
+      <HorizontalPanel context={context} />
     </div>
   );
 }
diff --git a/website/src/docs/Icon.jsx b/website/src/docs/Icon.jsx
index 8a58da12..48b05d87 100644
--- a/website/src/docs/Icon.jsx
+++ b/website/src/docs/Icon.jsx
@@ -52,7 +52,7 @@ export function Icon({ type }) {
               d="M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416V96C0 83.6 7.2 72.3 18.4 67s24.5-3.6 34.1 4.4l192 160L256 241V96c0-17.7 14.3-32 32-32s32 14.3 32 32V416c0 17.7-14.3 32-32 32s-32-14.3-32-32V271l-11.5 9.6-192 160z"
               clipRule="evenodd"
             />
-          ), 
+          ),
         }[type]
       }
     </svg>
diff --git a/website/src/docs/MiniRepl.jsx b/website/src/docs/MiniRepl.jsx
index ca76c362..81e7a24a 100644
--- a/website/src/docs/MiniRepl.jsx
+++ b/website/src/docs/MiniRepl.jsx
@@ -1,7 +1,6 @@
 import { useState, useRef, useCallback, useMemo, useEffect } from 'react';
 import { Icon } from './Icon';
 import { silence, noteToMidi, _mod } from '@strudel/core';
-import { clearHydra } from '@strudel/hydra';
 import { getDrawContext, getPunchcardPainter } from '@strudel/draw';
 import { transpiler } from '@strudel/transpiler';
 import { getAudioContext, webaudioOutput, initAudioOnFirstClick } from '@strudel/webaudio';
diff --git a/website/src/repl/components/ReplEditor.jsx b/website/src/repl/components/ReplEditor.jsx
index f0b11ff4..5a1c2e67 100644
--- a/website/src/repl/components/ReplEditor.jsx
+++ b/website/src/repl/components/ReplEditor.jsx
@@ -15,7 +15,6 @@ export default function ReplEditor(Props) {
   const settings = useSettings();
   const { panelPosition } = settings;
 
-
   return (
     <div className="h-full flex flex-col relative">
       <Loader active={pending} />
diff --git a/website/src/repl/components/panel/Reference.jsx b/website/src/repl/components/panel/Reference.jsx
index 4a778a84..07820807 100644
--- a/website/src/repl/components/panel/Reference.jsx
+++ b/website/src/repl/components/panel/Reference.jsx
@@ -51,8 +51,11 @@ export function Reference() {
           ))}
         </div>
       </div>
-      <div className="break-normal flex-grow flex-col overflow-y-auto overflow-x-hidden   px-2 flex relative" id="reference-container">
-           <div className='prose dark:prose-invert min-w-full px-1 '>
+      <div
+        className="break-normal flex-grow flex-col overflow-y-auto overflow-x-hidden   px-2 flex relative"
+        id="reference-container"
+      >
+        <div className="prose dark:prose-invert min-w-full px-1 ">
           <h2>API Reference</h2>
           <p>
             This is the long list functions you can use! Remember that you don't need to remember all of those and that
@@ -80,7 +83,7 @@ export function Reference() {
               ))}
             </section>
           ))}
-      </div>
+        </div>
       </div>
     </div>
   );
diff --git a/website/src/repl/components/panel/SoundsTab.jsx b/website/src/repl/components/panel/SoundsTab.jsx
index f2b9fbd1..60f5a22d 100644
--- a/website/src/repl/components/panel/SoundsTab.jsx
+++ b/website/src/repl/components/panel/SoundsTab.jsx
@@ -53,13 +53,12 @@ export function SoundsTab() {
 
   return (
     <div id="sounds-tab" className="px-4 flex flex-col w-full h-full dark:text-white text-stone-900">
-    
-    <input
-          className="w-full p-1 bg-background rounded-md pb-2"
-          placeholder="Search"
-          value={search}
-          onChange={(e) => setSearch(e.target.value)}
-        />
+      <input
+        className="w-full p-1 bg-background rounded-md pb-2"
+        placeholder="Search"
+        value={search}
+        onChange={(e) => setSearch(e.target.value)}
+      />
 
       <div className="pb-2 flex shrink-0 flex-wrap">
         <ButtonGroup
@@ -74,7 +73,7 @@ export function SoundsTab() {
         ></ButtonGroup>
         <ImportSoundsButton onComplete={() => settingsMap.setKey('soundsFilter', 'user')} />
       </div>
-     
+
       <div className="min-h-0 max-h-full grow overflow-auto font-mono text-sm break-normal pb-2">
         {soundEntries.map(([name, { data, onTrigger }]) => {
           return (
diff --git a/website/tailwind.config.cjs b/website/tailwind.config.cjs
index 4c76159e..23ae96c3 100644
--- a/website/tailwind.config.cjs
+++ b/website/tailwind.config.cjs
@@ -34,7 +34,7 @@ module.exports = {
       },
       spacing: {
         'app-height': 'var(--app-height)',
-        'app-width': 'var(--app-width)'
+        'app-width': 'var(--app-width)',
       },
       typography(theme) {
         return {