diff --git a/app/views/foodcourt/orders/app_orders.html.erb b/app/views/foodcourt/orders/app_orders.html.erb
index 3e876618..e25b9b41 100644
--- a/app/views/foodcourt/orders/app_orders.html.erb
+++ b/app/views/foodcourt/orders/app_orders.html.erb
@@ -495,6 +495,12 @@
   </div>
 </div>
 <script type="text/javascript">
+
+  $(document).ready( function() {
+    if ("<%= @pending %>" || "<%= @booking %>") { // adjust column gap
+      $('.card-columns').css('column-gap', '0.3rem')
+    }
+  })
   
   $('#pay').on('click', function () {
     var cashier_type = 'food_court';