working

website/src/repl/panel/Forms.jsx

@@ -2,16 +2,13 @@ import cx from '@src/cx.mjs';
 
 export function ButtonGroup({ value, onChange, items }) {
   return (
-    <div className="flex max-w-lg">
+    <div className="flex flex-wrap 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',
           )}
         >