[v4] New sticky Writer Toolbar in Block Text preview inconsistent with Writer Field

[ovenum]

Description

The new sticky Writer Toolbar behaves differently when rendered within the WriterField component or within a Block Text preview component.

Expected behavior
The TextPreview Toolbar position, size and spacing to be more consistent with the Writer Field toolbar.

• More spacing between the toolbar and field content.
• The Toolbar to extent across the available horizontal space. Like it does in the Field.

Screenshots

WriterField Toolbar with good spacing to the fields text content and stretching across horizontally.

Toolbar rendered inside TextPreview component has not enough spacing to text content and does not fill the available horizontal space, which looks odd.

To reproduce

Create a blocks field with the blueprint below and add a new Text Block with some content.

type: blocks
fieldsets:
  text:
    name: field.blocks.text.name
    icon: text
    wysiwyg: true
    preview: text
    fields:
      text:
        type: writer
        label: Text
        headings:
          - 2
          - 3
        toolbar:
          inline: false 

Your setup

Kirby Version
4.0.0-alpha.7