Form Block Rendering in Website Template

[Jeyadadvisory]

Describe the Bug.

The form block does not render fields with width less than 100% correctly for example when defining 2 text fields as 50% width they are rendered is separate lines!

Reproduction Steps

N/A

Environment Info

Binaries:
  Node: 22.11.0
  npm: 9.6.6
  Yarn: 1.22.19
  pnpm: 9.13.0
Relevant Packages:
  payload: 3.17.1
  next: 15.1.4
  @payloadcms/db-mongodb: 3.17.1
  @payloadcms/email-nodemailer: 3.17.1
  @payloadcms/graphql: 3.17.1
  @payloadcms/live-preview: 3.17.1
  @payloadcms/live-preview-react: 3.17.1
  @payloadcms/next/utilities: 3.17.1
  @payloadcms/payload-cloud: 3.17.1
  @payloadcms/plugin-form-builder: 3.17.1
  @payloadcms/plugin-nested-docs: 3.17.1
  @payloadcms/plugin-redirects: 3.17.1
  @payloadcms/plugin-search: 3.17.1
  @payloadcms/plugin-seo: 3.17.1
  @payloadcms/richtext-lexical: 3.17.1
  @payloadcms/translations: 3.17.1
  @payloadcms/ui/shared: 3.17.1
  react: 19.0.0
  react-dom: 19.0.0
Operating System:
  Platform: linux
  Arch: x64
  Version: #1 SMP PREEMPT_DYNAMIC Thu Dec 19 21:06:34 UTC 2024
  Available memory (MB): 31755
  Available CPU cores: 20