Bootstrap panele susitraukia

Sveiki, turiu šį kodą:

    <div class="row content col-md-9">
       <div class="panel panel-default widget">
           <div class="panel-heading">
               <span class="glyphicon glyphicon-comment"></span>
               <h3 class="panel-title">
                   Recent Comments</h3>
           </div>
           <div class="panel-body">
               <ul class="list-group">
               @foreach($comments as $comment)
                   <li class="list-group-item">
                       <div class="row">
                           <div class="col-xs-2 col-md-1">
                               <img src="{{$comment->author->image}}"  alt="" /></div>
                           <div class="col-xs-10 col-md-11">
                               <div>
                                   <a href="{{$comment->article->slug}}">
                                       {{$comment->article->title}}</a>
                                   <div class="mic-info">
                                       By: <a href="#">{{$comment->author->name}}</a> {{$comment->created_at}}
                                   </div>
                               </div>
                               <div class="comment-text">
                                   {{$comment->body}}
                               </div>

                           </div>
                       </div>
                   </li>
               @endforeach

               </ul>

           </div>
       </div>
       <div class="text-center">{!! str_replace('/home/?', '/ajax/comments?',$comments->render()) !!}</div>
   </div>




<script>

       $(document).on('click','.pagination a', function(e){
           e.preventDefault();
           var page = $(this).attr('href').split('page=')[1];
            getProducts(page);

       });
       function getProducts(page){
           $.ajax({
               url: '/ajax/comments?page=' + page
           }).done(function(data){
               $('.content').html(data);
           });
       }
</script>

Viskas kaip ir veikia, bet kai paspaudžiu mygtuką į kitą puslapį, visa panele sumažėja per puse, gal žinot kodėl taip įvyksta ? :unsure:

EDIT

Problema išsprendžiau aplink visą kodą uždėdamas naują

<div id="divHideMe>KODAS</div>

ir id įdėjau vietoj ".content" klasės

Pas tave amzinai kokios nors problemos :D

Isidetum i https://jsfiddle.net/ koda, kad nereiketu burti, tai lengviau butu patarti.

Tikriausiai naujas div.content html kodas yra nevalidus, tai del to ir iskraipo (po ajax uzklausos).