diff --git a/app/assets/stylesheets/CRM.scss b/app/assets/stylesheets/CRM.scss
index 9ab3730c..6f8d90f0 100644
--- a/app/assets/stylesheets/CRM.scss
+++ b/app/assets/stylesheets/CRM.scss
@@ -13,12 +13,12 @@
 
 .selected-item {
     color: #fff !important;
-	background-color: #ccc !important;
+	background-color: #54A5AF !important;
 }
 
 .assign {
     color: #fff !important;
-	background-color: red;
+	background-color: #009900;
 }
 .assign .text-muted{
     color: #fff !important;
@@ -29,11 +29,19 @@
 }
 .green{
 	color: #fff !important;
-	background-color: green;
+	background-color: #009900;
 }
 .required abbr{
     color: red !important;
 }
 .jconfirm-box-container{
 	margin-left:-40px !important
+}
+.card-columns {
+  @include media-breakpoint-only(lg) {
+    column-count: 6;
+  }
+  @include media-breakpoint-only(xl) {
+    column-count: 6;
+  }
 }
\ No newline at end of file
diff --git a/app/views/crm/dining_queues/index.html.erb b/app/views/crm/dining_queues/index.html.erb
index 813be2cf..4adbead9 100644
--- a/app/views/crm/dining_queues/index.html.erb
+++ b/app/views/crm/dining_queues/index.html.erb
@@ -20,7 +20,7 @@
            <div class="card-columns" style="padding-top:10px; column-gap: 1.2rem;">
            <% @i =0 %> 
              <% @dining_queues.each do |queue| %>
-              <div class="card select-queue <%= !queue.status.nil? ? "assign" : ""%>" data-id="<%= queue.id %>">
+              <div class="card select-queue <%= !queue.status.nil? ? "assign" : ""%>" data-id="<%= queue.id %>" style="width: 17.5rem;">
                  <div class="card-block">
                       <p class="hidden queue-id"><%= queue.id  %></p> 
                       <p class="hidden queue-status"><%= queue.status  %></p>