How to add a linear gradient at 45deg using React inline styling?

Question

I am trying to add this inline styling to my component but as soon as i add 45deg the color is not displayed, any clue?

   <TimeEntryCard
    isQuantity={false}
    backgroundColor=
     {
      entry.status === 'draft' ?
      "repeating-linear-gradient(
       45deg,
       white 
       white 13px,
       #f6f7f9 13px,
       #f6f7f9 25px)
      "
      : backgroundColor
     }