diff --git a/packages/superdough/superdough.mjs b/packages/superdough/superdough.mjs
index 26a3aa4a..49a55d10 100644
--- a/packages/superdough/superdough.mjs
+++ b/packages/superdough/superdough.mjs
@@ -302,7 +302,7 @@ export const superdough = async (value, t, hapDuration) => {
     hpdecay,
     hpsustain,
     hprelease,
-    hresonance = 1,
+    hresonance = 0.5,
     // band pass
     bpenv,
     bandf,
diff --git a/website/src/repl/panel/Forms.jsx b/website/src/repl/panel/Forms.jsx
index b9172e91..c5b22002 100644
--- a/website/src/repl/panel/Forms.jsx
+++ b/website/src/repl/panel/Forms.jsx
@@ -2,13 +2,16 @@ import cx from '@src/cx.mjs';
 
 export function ButtonGroup({ value, onChange, items }) {
   return (
-    <div className="flex flex-wrap max-w-lg">
+    <div className="flex max-w-lg">
       {Object.entries(items).map(([key, label], i, arr) => (
         <button
           key={key}
           onClick={() => onChange(key)}
           className={cx(
             'px-2 border-b h-8 whitespace-nowrap',
+            // i === 0 && 'rounded-l-md',
+            // i === arr.length - 1 && 'rounded-r-md',
+            // value === key ? 'bg-background' : 'bg-lineHighlight',
             value === key ? 'border-foreground' : 'border-transparent',
           )}
         >