QA has reported this issue happening on real devices that the menu items background is cutting off from right and bottom sometimes, even though the menu boundary is visible, i haven't been able to reproduce it on emulator but i've seen it happening on real android device. Can someone help me in figuring out this issue.

<Menu
        placement="bottom right"
        offset={3}
        disabledKeys={isPrimary ? ["setPrimary"] : []}
        className="bg-white"
        trigger={({ ...triggerProps }) => {
          return (
            <Button
              {...triggerProps}
              className="absolute top-[10%] right-8 bg-transparent active:bg-transparent"
              action="info"
            >
              <InvestorAppIcon name="paymentCardOptions" size={40} />
            </Button>
          );
        }}
      >
        <MenuItem
          key="setPrimary"
          textValue="setPrimary"
          onPress={() => mutatePrimary(bankAccountID)}
        >
          <Icon as={CheckCircleIcon} size="sm" className="mr-2" />
          <MenuItemLabel size="sm">Set Primary</MenuItemLabel>
        </MenuItem>
        <MenuItem
          key="Delete"
          textValue="Delete"
          onPress={() => openModalForDeletion(bankAccountID)}
        >
          <Icon as={TrashIcon} size="sm" className="mr-2 text-warning-500" />
          <MenuItemLabel size="sm" className="text-warning-500">
            Delete
          </MenuItemLabel>
        </MenuItem>
      </Menu>