diff --git a/app/assets/javascripts/custom.js b/app/assets/javascripts/custom.js
index a2011022..7c4c8301 100644
--- a/app/assets/javascripts/custom.js
+++ b/app/assets/javascripts/custom.js
@@ -20,6 +20,15 @@ $(document).ready(function() {
     borderRadius: '0',
     railBorderRadius: '0'
   });
+
+  $('#menu-slimscroll').slimScroll({
+    height: height-$('#menu-slimscroll').attr('data-height'),
+    size: '5px',
+    color: 'rgba(0,0,0,0.5)',
+    alwaysVisible: false,
+    borderRadius: '0',
+    railBorderRadius: '0'
+  });
   
   // $('.delete').click(function(){
   //   var method    = $(this).attr('data-method');
diff --git a/app/views/origami/addorders/detail.html.erb b/app/views/origami/addorders/detail.html.erb
index 05d50339..607f4c0e 100755
--- a/app/views/origami/addorders/detail.html.erb
+++ b/app/views/origami/addorders/detail.html.erb
@@ -35,6 +35,7 @@
            <%end%>
         </ul>
       </li> 
+       <div id="menu-slimscroll" data-height="0">
         <ul class="nav nav-tabs flex-column category_list" role="tablist" id="ul-navbar">
             <li class="nav-item product" data-ref="<%= origami_get_all_product_path %>">
               <a class="nav-link" data-toggle="tab" href="" role="tab">Products</a>
@@ -80,6 +81,7 @@
               <% end %>
             <%end %>
         </ul>
+      </div>
     </div>
 
 
@@ -199,7 +201,7 @@
           
         </div>
         <div class="card-block">
-            <div class="card-text" id="order-detail-slimscroll" data-height="180">
+            <div class="card-text" id="order-detail-slimscroll" data-height="140">
                <table class="table table-striped summary-items" id="order-items-table" >
                  <thead>
                    <tr>