Tests not passing (React)

the page is looking fine as the tests asked but they aren’t passing

Your code so far

// Change code above this line
class Colorful extends React.Component {
render() {
  // Change code below this line
  var styles = {
    color: "purple",
    fontSize: 40,
    border: "2px solid purple"}
  return (
    <div style={styles}>Style Me!</div>
  // Change code above this line

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.66 Safari/537.36.

Challenge: Add Inline Styles in React

Link to the challenge:

Tests are expecting style variable to be outside the component.