filepond--root's height doesn't seem to be updating on window resize

[gaiustemple]

const avatarInput = FilePond.create(
  document.querySelector('.filepond'),
    {
      server: {
        ...
      },
      labelIdle: `Drag & Drop your avatar or <span class="filepond--label-action">Browse</span>`,
      imagePreviewHeight: 170,
      imageCropAspectRatio: '1:1',
      imageResizeTargetWidth: 200,
      imageResizeTargetHeight: 200,
      stylePanelLayout: 'compact circle',
      styleLoadIndicatorPosition: 'center bottom',
      styleButtonRemoveItemPosition: 'center bottom',
      files: [
        {
          source: 'user_avatar_file.jpg',
          options: {
            type: 'local'
          }
        }
      ]
    }
);

Summary

When the size of the FilePond is relative to the viewport (i.e. 20vw) meaning that it will change width on window resize, the .filepond--root element doesn't seem to update it's height. The .filepond--item does however resize correctly (but it means that the border sticks out from the edge, or cuts off the image depending on which way the browser is resized as per images).
Refreshing the page sets it back to normal.

Expected behaviour

.filepond--root should resize too?

Environment	Version
OS	MacOS
Device	MacBook Pro
Browser	Safari 12.1

[rikschennink]

It should update but I believe it currently doesn't

[rikschennink]

Should be fixed in latest release, please confirm
https://github.com/pqina/filepond/releases/tag/4.4.8

[gaiustemple]

Yep, spot on works great