Polaris tooltip content is overflowing its container - when used in a modal

Polaris
1

When I use a polaris tooltip inside a modal, firstly it doesn’t show as expected. Then wrapping it with <AppProvider> makes it visible.

But now the content overflows the designated container of the tooltip.

tooptip overflow screenshot
tooptip overflow screenshot1220×172 14.1 KB

And here’s the code:

<AppProvider>
  <Tooltip content={t("same_quantity_tooltip")} >
    <Box>
      <Icon source={QuestionCircleIcon} />
    </Box>
  </Tooltip>
</AppProvider>