Creé este componente en App.js como muestra, que incluye un contenedor form-control__container , un <Textfield /> y un contenedor de suffix para los botones. De acuerdo, la cantidad de botones no siempre es dos, puede cambiar dependiendo de dónde se usaría el componente. Y aquí es donde viene el problema. Teniendo en cuenta la cantidad dinámica de botones, ¿cómo puedo determinar el ancho de la entrada, de modo que cuando el texto de entrada sea demasiado largo, no se superponga con los botones? O, en este caso, creo que una buena idea sería agregar padding-right en lugar de darle a la entrada un ancho que requeriría más personalización después.