Background color in css does not change top notch

[daceynolan]

When overriding styles in Styled Components, setting the background-color does not change the color of the notch.

const StyledTooltip = styled(ReactTooltip)`
  // using !important to override styles from the library
  background-color: ${({ theme }) => theme.vars.foundationSurface2} !important;
  border-radius: ${({ theme }) => theme.constants.borderRadiusMd} !important;
`;