I am using ADMINLTE2 gem in rails 4. sometimes 'sidebar view partial' does not load contents when I refresh the page -

i rendering partial in adminlte.html.erb file not loading properly. tried put code inside admin file rendering partial still not loading properly.i checked in other browsers.when inspect element,the sidebar loads itself.

  <aside class="main-sidebar">     <!-- sidebar: style can found in sidebar.less -->     <section class="sidebar">       <!-- sidebar user panel -->       <div class="user-panel">         <div class="pull-left image">         <%= image_tag("user2-160x160.jpg", class: 'img-circle')%>         <!-- <img src="images/user2-160x160.jpg" class="img-circle" alt="user image" />-->         </div>         <div class="pull-left info">           <p>abcd</p>            <a href="#"><i class="fa fa-circle text-success"></i> online</a>         </div>       </div>       <!-- search form -->       <form action="#" method="get" class="sidebar-form">         <div class="input-group">           <input type="text" name="q" class="form-control"   placeholder="search..."/>           <span class="input-group-btn">             <button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>           </span>         </div>       </form>       <!-- /.search form -->       <!-- sidebar menu: : style can found in sidebar.less -->       <ul class="sidebar-menu">         <li class="header">main navigation</li>   <!--dashboard-->          <li class="active treeview">           <a href="/">             <i class="fa fa-dashboard"></i> <span>dashboard</span> <i class="fa fa-circle-o pull-right"></i>           </a>         </li>   <!-- dashboard end -->     <!--user-->          <li class="treeview">           <a href="#">             <i class="fa fa-user"></i> <span>manage user</span> <i class="fa fa-angle-left pull-right"></i>           </a>           <ul class="treeview-menu">             <li class="active"><a href="<%= new_user_path %>" ><i class="fa fa-circle-o"></i> create user</a></li>             <li><a href="/users"><i class="fa fa-circle-o"></i> list user</a></li>           </ul>         </li>   <!-- user end -->    <!--my_project -->       <li class="treeview">           <a href="#">             <i class="fa fa-sitemap"></i>             <span>my project</span>             <i class="fa fa-angle-left pull-right"></i>           </a>           <ul class="treeview-menu">             <li><a href="pages/layout/top-nav.html"><i class="fa fa-circle-o"></i> active</a></li>             <li><a href="pages/layout/boxed.html"><i class="fa fa-circle-o"></i> completed</a></li>             <li><a href="pages/layout/fixed.html"><i class="fa fa-circle-o"></i> hold</a></li>           </ul>         </li>   <!--end myproject-->    <!--follow ups -->       <li>           <a href="pages/mailbox/mailbox.html">             <i class="fa fa-envelope"></i> <span>followups</span>             <small class="label pull-right bg-yellow">12</small>           </a>         </li>   <!--end follow ups -->    <!--follow ups -->       <li>           <a href="pages/mailbox/mailbox.html">             <i class="fa fa-laptop"></i> <span>manage rms</span>           </a>         </li>   <!--end follow ups -->    <!-- calls -->          <li class="treeview">           <a href="call_records/">             <i class="fa fa-mobile"></i>             <span>calls</span>             <i class="fa fa-angle-left pull-right"></i>           </a>           <ul class="treeview-menu">             <li><a href="/call_records?status=default"><i class="fa fa-circle-o"></i> open</a></li>             <li><a href="/call_records/"><i class="fa fa-circle-o"></i> all</a></li>             <li><a href="/call_records?status=rejected"><i class="fa fa-circle-o"></i> rejected</a></li>           </ul>         </li>    <!--end  calls -->    <!-- contacts -->          <li class="treeview">           <a href="#">             <i class="fa fa-file-audio-o"></i>             <span>contacts</span>             <i class="fa fa-angle-left pull-right"></i>           </a>           <ul class="treeview-menu">             <li><a href="pages/layout/top-nav.html"><i class="fa fa-circle-o"></i> +new contact</a></li>             <li><a href="pages/layout/boxed.html"><i class="fa fa-circle-o"></i> assigned</a></li>             <li><a href="pages/layout/fixed.html"><i class="fa fa-circle-o"></i> open</a></li>             <li><a href="pages/layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> all</a></li>             <li><a href="pages/layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> rejected</a></li>           </ul>         </li>    <!--end  contacts -->    <!-- actions -->          <li class="treeview">           <a href="#">             <i class="fa fa-files-o"></i>             <span>actions</span>             <i class="fa fa-angle-left pull-right"></i>           </a>           <ul class="treeview-menu">             <li><a href="pages/layout/top-nav.html"><i class="fa fa-circle-o"></i> top navigation</a></li>             <li><a href="pages/layout/boxed.html"><i class="fa fa-circle-o"></i> boxed</a></li>             <li><a href="pages/layout/fixed.html"><i class="fa fa-circle-o"></i> fixed</a></li>             <li><a href="pages/layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> collapsed sidebar</a></li>           </ul>         </li>    <!--end  actions -->       </ul>     </section>     <!-- /.sidebar -->   </aside> 

i'm rendering partial like

<html>     <body>         <%= render partial: 'layouts/admin_lte_2_sidebar' %>     </body> </html> 

please me out solve issue. in advance.

this because of height value in slimscrolldiv

<div class="slimscrolldiv" style="position: relative; overflow: hidden; width: auto; height: 480px;"> 

what can here on modify css into

.slimscrolldiv{height: auto !important;} 

this not limit height of div