[Dúvida] Dúvida no challenge Decodificador de textos

Boa tarde, Estou finalizando o Challenge de Decodificador de textos e tenho uma dúvida é em relação a tag textarea que recebe o texto criptografado ou descriptografado. No mobile ele não está ajustando o tamanho de acordo com o texto preenchido e isso tá me incomodando bastante, pois o visual fica muito feio.

Vou deixar os códigos abaixo:

HTML - Section do local que recebe o texto criptografado

 <section class="saida__Do__Texto">
            <div class="retangulo">
                <textarea id="saida__Texto" class="saida__Do__Texto__Digitado" id="texto_criptografado" disabled ></textarea>
                <div class="textos__E__Img__Informativos">
                    <img class="img__Menino" src="./assets/High quality products 1 1.svg">
                    <h1 class="textos__Informativos__Titulo">Nenhuma mensagem encontrada</h1>
                    <p class="textos__Informativos__Paragrafo">Digite um texto que você deseja criptografar ou descriptografar.</p>
                </div>
                <!-- o botao abaixo esta com essa classe p/ aparecer somente depois que o usuario clique em um dos boto~es acima disponiveis -->
                <button id="botao__copiar" onclick="copiar__texto()" class="saida__Do__Texto__Botao__Copiar esconder">Copiar</button>
            </div>
        </section>

CSS - O código do css ficou bem extenso, não vai caber ele todo aqui, mas vou deixar um print do código:

Desde já agradeço pela ajuda!