Insert HTML content into modal window with Jquery

Question

I am loading content from a JSON file, formatting with Jquery and inserting inside the modal Bootstrap, the problem is that it does not learn the CSS formatting used.

Code to load JSON

$('.button').click(function(event){
    event.preventDefault();     
    $.getJSON('teste/teste.json', function(data) {
        var content  = '<div class="media">';
            content += '<img src="../../assets/other_img/bot-image.png" class="mr-3 mt-3 rounded-circle" style="width:60px;">';
            content += '<div class="media-body">';
            content += '<p>'+data.greeting+'</p>';
            content += '</div>';
            content += '</div>';

            $.each(data.menu, function(index, value)    {
                content += '<p class="badge badge-pill badge-primary">'+value+'</p>';  
            });

        $("#messageSent").html(content);    
    });

    $('.modal').modal('show'); 
});

Modal with loaded content and without formatting.