diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index 43477bf..9758dc9 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -1,25 +1,26 @@
 
     <!-- งานใหม่ -->
     <div class="row">
-      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData">
+      <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData">
         <a class="dashboard-stat dashboard-stat-v2 red"
          href="http://vtiger.sourcecode.co.th/index.php?action=DetailView&module=HelpDesk&parenttab=Support&record=195885" 
          target="_blank"
         [ngStyle] = "{'background-color': getColorDay(item.days.toFixed(0))}">
           <!-- <div [ngStyle]="{'background-color':item.days === '366.0098' ? 'green' : 'red' }"></<div> -->
           <!-- <div class="avater">{{(item.days).toFixed(0)}} D</div> -->
-          <div class="avater" [ngStyle]="{'background-color': getColorDay(item.days.toFixed(0))}">{{(item.days).toFixed(0)}} D</div>
+          <div class="avater" [ngStyle]="{'background-color': getColorDay(item.days.toFixed(0))}" style="font-size: 26px; text-align: center; font-weight: bold;" >{{(item.days).toFixed(0)}}D</div>
           <div class="visual">
             <i class="fa fa-comments"></i>
           </div>
           
           <div class="details" style="width: calc(100% - 50px);">
               <div style="text-align: right; margin-top: -50px; color: black;">{{item.STATUS}}</div>
-                <div class="number" style="width: calc(100% - 15px);">
-                  <span data-counter="counterup" data-value="" style=" color: black;">{{item.custgroupName}}</span>
+                <div class= "number" style=" color: black; text-align: right;">
+                  <span data-counter="counterup" data-value="">{{item.custgroupName}}</span>
                 </div>
               <div class="desc" style=" color: black;">{{item.team}}</div><br>
-              <div class="desc" style="text-align: left; color: black;">{{item.COMMENT | slice:0:40 }}  ....</div> 
+              <div class="desc" style="text-align: left; text-align: bottom; color: black;">{{item.COMMENT | slice:0:20 }}  ....</div> 
+              <!-- <div class="desc" style="text-align: left; text-align: bottom; color: black;">{{(item.COMMENT > 20)? | (item.COMMENT | slice:0:20) + '....':(item.COMMENT)}}</div> -->
           </div>
         </a>
       </div>
diff --git a/src/app/dashboard/dashboard.component.scss b/src/app/dashboard/dashboard.component.scss
index c3a28d7..9b9d151 100644
--- a/src/app/dashboard/dashboard.component.scss
+++ b/src/app/dashboard/dashboard.component.scss
@@ -8,7 +8,7 @@
   border-style: solid;
   border-color: black;
   text-align: center;
-  padding-top: 20px;
+  padding-top: 15px;
   top: -25px;
   
 }
@@ -17,6 +17,5 @@
 
 .dashboard-stat {
   overflow: visible;
-  height: 210px;
-  width: 100%;
+  height: 200px;
 }
--
libgit2 0.21.2