Модальное окно Bootstrap не отображается должным образом

Я пишу серверную программу на java, которая читает папку и возвращает все файлы, которые находятся в этой конкретной папке. Я умею это делать. Имена файлов, которые я получил с сервера, необходимо динамически добавлять в модальное окно начальной загрузки. Я могу это сделать, но все имена файлов не отображаются должным образом. Я добавил скриншот. Чтобы вызвать java-скрипт на стороне сервера, я использую вызов Ajax, который запускается при загрузке страницы. Где я делаю ошибку, не могу понять.

HTML Модальный код

<div class = "modal fade" id = "seziureModal" tabindex = "-1" role = "dialog" aria- 
labelledby = "myModalLabel">
 <div class = "modal-dialog modal-lg" role = "document">
  <div class = "modal-content">
   <div class = "modal-header">
    <button type = "button" class = "close" data-dismiss = "modal" aria- 
     label = "Close"><span aria-hidden = "true">&times;</span></button>
    <h4 class = "modal-title" id = "myModalLabel">Generate Seizure Report</h4>
  </div>
  <div class = "modal-body">
    <div id = "seizureFilesLoad"></div>
   </div>
  </div>
</div>
</div>

Код Javascript

$(document).ready(function(){
    $.ajax({
        type:'GET',
        url:"/EDAPPGProject/file_list.jsp",
        headers:{
                Accept:"application/json; charset=utf-8",
                "Content-Type":"application/json;charset=utf-8"
            },
        success:function(data){
            $('#seizureFilesLoad').html(data);
        },
        error:function(data){
            alert("Some Error Occured! Please visit after some time");
        }
});
});