Inline styles are not being applied for some components

[mtlatta]

Thanks for reporting a bug for DayPicker. Please provide here a brief description of the issue you’ve encountered.

To reproduce

Please reproduce the bug by forking this codesandbox. Add your code there and share the URL. Otherwise copy-paste it below.

If you’re unable to easily reproduce this bug, consider opening a support thread to discuss it further.

import { DayPicker } from "react-day-picker";
import "react-day-picker/style.css";

export default function App() {
  return (
    <DayPicker
      mode="range"
      styles={{
        chevron: { fill: "red" },
        range_middle: { backgroundColor: "red" },
      }}
    />
  );
}

CodeSandbox: https://codesandbox.io/p/sandbox/daypicker-bug-report-forked-ck3qzv?file=%2Fsrc%2FApp.tsx%3A16%2C1

Actual Behavior

Inline styles are not being applied for some components.

Expected Behavior

Inline styles are applied.

Screenshots