diff --git a/packages/bbui/src/FancyForm/FancyForm.svelte b/packages/bbui/src/FancyForm/FancyForm.svelte index 28bfbb4930..a055acfc8d 100644 --- a/packages/bbui/src/FancyForm/FancyForm.svelte +++ b/packages/bbui/src/FancyForm/FancyForm.svelte @@ -26,16 +26,14 @@ return valid } - const styles = () => { - let styleString = "" - styleString += `--fancy-field-max-width: ${noMaxWidth ? "auto" : "400px"}` - styleString += `; --fancy-field-height: ${compact ? "36px" : "64px"}` - styleString += `; --fancy-field-padding: ${compact ? "8px" : "16px"}` - return styleString - } + const styles = [ + `--fancy-field-max-width: ${noMaxWidth ? "auto" : "400px"}`, + `--fancy-field-height: ${compact ? "36px" : "64px"}`, + `--fancy-field-padding: ${compact ? "8px" : "16px"}`, + ].join("; ") -