Css não funciona quando uso a pasta Item

Quando utilizo a pasta para usar a função item meu a parte da lista fica sem o css desse jeito:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade meu código está assim do Lista/Item/index.tsx import style from '../Lista.module.scss';

function Item({ tarefa, tempo }: { tarefa: string, tempo: string }) { return (

{tarefa}
{tempo}
) }

export default Item;

e o index da lista/index.tsx está assim: import React from 'react'; import Item from './Item'; import style from './Lista.module.scss';

function Lista() { const tarefas = [{ tarefa: 'React', tempo: '02:00:00' }, { tarefa: 'Javascript', tempo: '01:00:00' }, { tarefa: 'Typecript', tempo: '03:00:00' }] return (

Estudos do dia

{tarefas.map((item, index) => ( ))}

) }

export default Lista;

alguém poderia me ajudar??

import style from '../Lista.module.scss' export default function Item({tarefa, tempo}: {tarefa: string, tempo: string}) { return ( <li className={style.item}> <h3>{tarefa}</h3> <span>{tempo}</span> </li> ) }