How can I make the 'Arrow' closer to the target?

[alexya]

e.g.
https://github.com/gilbarbara/react-floater/blob/main/demo/src/examples/WithOverlay.tsx#L35C46-L35C46

I tried to set the offset of the arrow to -200 and offset of the wrapperOptions to -200 too, but nothing happened after I refresh the browser. the arrow is still there and is not closer to the target button 'click me'.

  return (
    <div>
      <Floater
        callback={callback}
        content={<Paragraph>I have an invisible overlay that will close the floater</Paragraph>}
        open={isOpen}
        placement="top"
        styles={{ options: { zIndex: 250 }, arrow: { offset: -200 } }}
        wrapperOptions={{
          offset: -200,
          position: true,
        }}
      >
        <Button onClick={handleClick} size="sm">
          Click me
        </Button>
      </Floater>
      {isOpen && <Overlay onClick={handleClick} />}
    </div>
  );

[alexya]

Okay, I found it. Just need to set the property offset of the Floater itself can make the arrow closer to the target. e.g.

<Floater offset={5} /> 

the default value of it is 15 by reading the source code.
thx.