diff --git a/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.css b/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.css
index b101bba..70db525 100644
--- a/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.css
+++ b/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.css
@@ -638,3 +638,9 @@
   background-size: 1.5em 1.5em;
   padding-right: 2.5rem;
 }
+
+.ledger-table.is-scrollable {
+  max-height: 25rem;
+  overflow-y: auto;
+  padding-right: 0.5rem;
+}
\ No newline at end of file
diff --git a/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.html b/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.html
index b3f6dff..061614f 100644
--- a/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.html
+++ b/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.html
@@ -118,7 +118,7 @@
         </div>
         <button class="btn btn--ghost btn--compact">ดูทั้งหมด</button>
       </div>
-      <div class="ledger-table">
+      <div class="ledger-table" [class.is-scrollable]="myActData.length > 5">
         <div class="ledger-row ledger-head">
           <span>รายการ</span>
           <span>หมวดหมู่</span>
diff --git a/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.ts b/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.ts
index 6fa28af..4c49e00 100644
--- a/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.ts
+++ b/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.ts
@@ -261,5 +261,4 @@ export class MainDashboardComponent implements OnInit {
 
     return `conic-gradient(${segments})`;
   }
-
 }