diff --git a/app/assets/stylesheets/login.scss b/app/assets/stylesheets/login.scss
index a1058d25..2a7b0b16 100755
--- a/app/assets/stylesheets/login.scss
+++ b/app/assets/stylesheets/login.scss
@@ -82,19 +82,24 @@
 }
 
 .p-card{
-  margin: 20px 0;
+  margin: 20px -8px;
   text-align: center;
 }
 
 .p-name{
+  padding-left: 6px;
+  padding-right: 6px;
   padding-bottom: 20px;
   font-size: 14px;
+  weight : 30px;
+  height : 48px;
 }
 
 .style_image{
   height : 138px;
   padding : 20px 0 20px 0;
   width : 70%;
+  opacity: 0.7;
 }
 
 .style_icon{
@@ -108,4 +113,8 @@
   font-size: 21px;
   font-weight: bold;
   margin : 0 0 20px 0;
+}
+
+.box {
+  margin : 0 -60px 0 -60px;
 }
\ No newline at end of file
diff --git a/app/assets/stylesheets/origami.scss b/app/assets/stylesheets/origami.scss
index 6d784645..dc60703c 100755
--- a/app/assets/stylesheets/origami.scss
+++ b/app/assets/stylesheets/origami.scss
@@ -524,4 +524,22 @@ nav.pagination .page a:hover,
 	background-color:#ffab51;
 	color:#fff;
 	
+}
+
+
+/*----chane font_size (Amount Due && Balance)----*/
+#balance{
+	height: 50%;
+	font-size: 20px;
+}
+
+.amount_balance{
+	height: 50%;
+	font-size: 20px;
+}
+
+
+#amount_due{
+	height: 50%;
+	font-size: 20px;
 }
\ No newline at end of file
diff --git a/app/views/layouts/login_dashboard.html.erb b/app/views/layouts/login_dashboard.html.erb
index 10d9def1..e7027c16 100755
--- a/app/views/layouts/login_dashboard.html.erb
+++ b/app/views/layouts/login_dashboard.html.erb
@@ -72,7 +72,7 @@
                 </div>
             </div>
         </div>
-        <div class="row bg-white">   
+        <div class="row bg-white box">   
             <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 p-t-20 p-l-10 p-r-10 p-b-50 bg-white">    
                 <div class="row justify-content-center form-group">                    
                     <input type="text" class="form-control col-4" id="emp_id" placeholder="Employee ID">
@@ -122,14 +122,14 @@
                     
                 </ul>  
 
-                <div class="tab-content" style="max-height:650px; overflow:auto">
+                <div class="tab-content" style="max-height:550px; overflow:auto">
 
                     <% @roles.each do |role| %>
                         <%if role != "administrator" %>
                             <div class="tab-pane"  id="<%=role%>" role="tabpanel" style="max-height:; overflow:auto">
                                 <% @employees.each do |employee| %>
                                     <%if employee.role == role %>
-                                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 empBtn" data-formid="#form_<%= employee.emp_id %>" style="float: left;"> 
+                                        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 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>
                                             <%if employee.image_path.present? %>
diff --git a/app/views/origami/payments/show.html.erb b/app/views/origami/payments/show.html.erb
index 245467f9..c182e5a5 100755
--- a/app/views/origami/payments/show.html.erb
+++ b/app/views/origami/payments/show.html.erb
@@ -166,7 +166,7 @@
   <div class="card">
     <div class="card-header">
       <div class="row m-l-5 m-r-5">
-        <div class="col-md-8"><strong>Amount Due <% if !@sale_payment.nil? %>( Credit )<% end %></strong></div>
+        <div class="col-md-8"><strong class='amount_balance'>Amount Due <% if !@sale_payment.nil? %>( Credit )<% end %></strong></div>
         <div class="col-md-4">
           <strong>
             <span id="grand_total" class="hidden">
@@ -341,7 +341,7 @@
         </div>
 
         <div class="row m-l-5 m-r-5">
-          <div class="col-md-8"><strong>Balance</strong></div>
+          <div class="col-md-8"><strong class='amount_balance'>Balance</strong></div>
           <div class="col-md-4"><strong><span id='balance'><%= number_with_precision(@sale_data.grand_total, precision: precision.to_i ) rescue number_with_precision(0, precision: precision.to_i ) %></span></strong></div>
         </div>
         <!-- <br> -->