Pane not hidden when empty

Views pane with jCarousel data doesn't hide when it is empty, instead you get this code and blank space with arrows.

<div class="panel-pane pane-views-panes pane-galerija-slide-panel-pane-1">
  <div class="inner">
    
           <h2 class="pane-title">Galerija</h2>
    
    
    <div class="pane-content content">
      <div class="view view-galerija-slide view-id-galerija_slide view-display-id-panel_pane_1 view-dom-id-5eb0bb8a1fb39485c5c6310a181dd829 contextual-links-region">
      <div class="contextual-links-wrapper contextual-links-processed"><a class="contextual-links-trigger" href="#">Configure</a><ul class="contextual-links"><li class="views-ui-edit first last"><a href="/en/admin/structure/views/view/galerija_slide/edit/panel_pane_1?destination=node/423">Edit view</a></li>
</ul></div>  
  
  
      <div class="view-content">
      <div class=" jcarousel-skin-default"><div class="jcarousel-container jcarousel-container-horizontal" style="position: relative; display: block;"><div class="jcarousel-clip jcarousel-clip-horizontal" style="position: relative;"><ul class="jcarousel jcarousel-view--galerija-slide--panel-pane-1 jcarousel-dom-1 jcarousel-processed jcarousel-list jcarousel-list-horizontal" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; width: 320px;">
      <li class="odd jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" style="float: left; list-style: none; width: 312px;" jcarouselindex="1"></li>
  </ul></div><a href="javascript:void(0)" class="jcarousel-prev jcarousel-prev-horizontal jcarousel-prev-disabled jcarousel-prev-disabled-horizontal" style="" disabled="true"></a><a href="javascript:void(0)" class="jcarousel-next jcarousel-next-horizontal jcarousel-next-disabled jcarousel-next-disabled-horizontal" style="" disabled="true"></a></div></div>
    </div>
  
  
  
  
  
  
</div>    </div>

    
      </div>
</div>