Estoy tratando de disminuir la altura de una fila de la tabla de reacción mui con los siguientes métodos:

En primer lugar, en index.css :

 tr{
 height:20px;
}

En segundo lugar, en el código fuente app.js :

 ...
<TableRow style={{height: 5}}>
 <TableCell>
 hello
 </TableCell>
 <TableCell>
 hello
 </TableCell>
</TableRow>
...

Y los métodos makeStyle y useStyle de @mui/styles .

Todos los métodos pueden tener éxito, pero el problema es que, si disminuyo la altura por debajo de cierto valor, entonces deja de funcionar. Todo lo que tengo en la tabla son textos, y el programa se niega a disminuir la altura de las filas de la tabla incluso cuando todavía podemos ver un amplio margen entre el texto y la línea de separación de filas de la tabla.

¿Hay alguna manera de obligar a mui a disminuir la altura de la fila por debajo de este valor? ¿Tenemos la opción de disminuir la altura hasta cero (aunque eso hará que el texto sea invisible)?