diff --git a/app/views/layouts/login_dashboard.html.erb b/app/views/layouts/login_dashboard.html.erb
index 4c2dda42..54bc8b95 100755
--- a/app/views/layouts/login_dashboard.html.erb
+++ b/app/views/layouts/login_dashboard.html.erb
@@ -113,8 +113,8 @@
                             </li>
                         <% end %>
                     <% end %>
-
                     <% @employees.each do |employee| %>
+
                         <%if employee.role == "cashier" %>
                             <li class="nav-item">
                                 <a class="nav-link" data-toggle="tab" href="#cashier" role="tab"><b>Cashier</b></a>
@@ -126,7 +126,7 @@
                     <% @employees.each do |employee| %>
                         <%if employee.role == "account" %>
                             <li class="nav-item">
-                                <a class="nav-link" data-toggle="tab" href="#accountant" role="tab"><b>Accountant</b></a>
+                                <a class="nav-link" data-toggle="tab" href="#account" role="tab"><b>Accountant</b></a>
                                 <% break %>
                             </li>
                         <% end %>
@@ -147,7 +147,7 @@
                     <div class="tab-pane"  id="supervisor" role="tabpanel" style="max-height:; overflow:auto">
                         <% @employees.each do |employee| %>
                             <%if employee.role == "supervisor" %>
-                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 empBtn" data-formid="#form_<%= employee.emp_id %>" style="float: left;"> 
+                                <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 empBtn" data-formid="#form_<%= employee.emp_id %>" style="float: left;"> 
                                     <form id="form_<%= employee.emp_id %>" action="<%= emp_login_path(employee.emp_id) %>" method="PATCH">
                                     </form>
                                     <div class="login_dashboard p-card">
@@ -176,10 +176,10 @@
                         <% end %>
                     </div>   
 
-                    <div class="tab-pane"  id="accountant" role="tabpanel" style="max-height:; overflow:auto">
+                    <div class="tab-pane"  id="account" role="tabpanel" style="max-height:; overflow:auto">
                         <% @employees.each do |employee| %>
                             <%if employee.role == "account" %>
-                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 empBtn" data-formid="#form_<%= employee.emp_id %>" style="float: left;"> 
+                                <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 empBtn" data-formid="#form_<%= employee.emp_id %>" style="float: left;"> 
                                     <form id="form_<%= employee.emp_id %>" action="<%= emp_login_path(employee.emp_id) %>" method="PATCH">
                                     </form>
                                      <div class="login_dashboard p-card">
@@ -238,6 +238,8 @@
         });
 
         $('ul.nav.nav-tabs li a').click(function() {  
+            var bb = $('.nav-item').children()[0]; 
+            $(bb).removeClass('login_dashboard');
             $(this).parent().addClass('login_dashboard').siblings().removeClass('login_dashboard');
         });
 
@@ -280,6 +282,11 @@
             }
         });
 
+        var aa = $('.nav-item').children().attr('href').replace('#','');
+        $('#'+aa).addClass('active');
+        var bb = $('.nav-item').children()[0]; 
+        $(bb).addClass('login_dashboard').siblings().removeClass('login_dashboard');
+
     });     
 
     function showNotification(colorName, text, placementFrom, placementAlign, animateEnter, animateExit) {