diff --git a/src/app/_layout/settings/menu-settings.config.ts b/src/app/_layout/settings/menu-settings.config.ts
index 39c23c4..4547ee5 100644
--- a/src/app/_layout/settings/menu-settings.config.ts
+++ b/src/app/_layout/settings/menu-settings.config.ts
@@ -79,7 +79,23 @@ export const MenuSettingsConfig: MenuConfig = {
             {
               title: 'Master Type',
               page: '/master/master-type'
-            }           
+            },
+            {
+              title: 'Master Status',
+              page: '/master/master-status'
+            },
+            {
+              title: 'Master Duration Use',
+              page: '/master/master-duration-use'
+            },
+            {
+              title: 'Master User',
+              page: '/master/master-user'
+            },
+            {
+              title: 'Master Role',
+              page: '/master/master-role'
+            }
           ]
         }
       },
diff --git a/src/app/content/hemat-app/master/master-category/master-category.component.html b/src/app/content/hemat-app/master/master-category/master-category.component.html
index 81ed0f0..707d4ca 100644
--- a/src/app/content/hemat-app/master/master-category/master-category.component.html
+++ b/src/app/content/hemat-app/master/master-category/master-category.component.html
@@ -37,7 +37,7 @@
                   <div class="card-dashboard">
                     <ngx-datatable
                       class="bootstrap table-bordered"
-                      [limit]="10"
+                      [limit]="5"
                       [rows]="filteredRows"
                       [columnMode]="'force'"
                       [headerHeight]="50"
diff --git a/src/app/content/hemat-app/master/master-duration-use/master-duration-use.component.css b/src/app/content/hemat-app/master/master-duration-use/master-duration-use.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/content/hemat-app/master/master-duration-use/master-duration-use.component.html b/src/app/content/hemat-app/master/master-duration-use/master-duration-use.component.html
new file mode 100644
index 0000000..d1600b9
--- /dev/null
+++ b/src/app/content/hemat-app/master/master-duration-use/master-duration-use.component.html
@@ -0,0 +1 @@
+<p>master-duration-use works!</p>
diff --git a/src/app/content/hemat-app/master/master-duration-use/master-duration-use.component.spec.ts b/src/app/content/hemat-app/master/master-duration-use/master-duration-use.component.spec.ts
new file mode 100644
index 0000000..cd74188
--- /dev/null
+++ b/src/app/content/hemat-app/master/master-duration-use/master-duration-use.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MasterDurationUseComponent } from './master-duration-use.component';
+
+describe('MasterDurationUseComponent', () => {
+  let component: MasterDurationUseComponent;
+  let fixture: ComponentFixture<MasterDurationUseComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ MasterDurationUseComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(MasterDurationUseComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/content/hemat-app/master/master-duration-use/master-duration-use.component.ts b/src/app/content/hemat-app/master/master-duration-use/master-duration-use.component.ts
new file mode 100644
index 0000000..e129560
--- /dev/null
+++ b/src/app/content/hemat-app/master/master-duration-use/master-duration-use.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-master-duration-use',
+  templateUrl: './master-duration-use.component.html',
+  styleUrls: ['./master-duration-use.component.css']
+})
+export class MasterDurationUseComponent {
+
+}
diff --git a/src/app/content/hemat-app/master/master-role/master-role.component.css b/src/app/content/hemat-app/master/master-role/master-role.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/content/hemat-app/master/master-role/master-role.component.html b/src/app/content/hemat-app/master/master-role/master-role.component.html
new file mode 100644
index 0000000..0be83f6
--- /dev/null
+++ b/src/app/content/hemat-app/master/master-role/master-role.component.html
@@ -0,0 +1 @@
+<p>master-role works!</p>
diff --git a/src/app/content/hemat-app/master/master-role/master-role.component.spec.ts b/src/app/content/hemat-app/master/master-role/master-role.component.spec.ts
new file mode 100644
index 0000000..04dd5d7
--- /dev/null
+++ b/src/app/content/hemat-app/master/master-role/master-role.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MasterRoleComponent } from './master-role.component';
+
+describe('MasterRoleComponent', () => {
+  let component: MasterRoleComponent;
+  let fixture: ComponentFixture<MasterRoleComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ MasterRoleComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(MasterRoleComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/content/hemat-app/master/master-role/master-role.component.ts b/src/app/content/hemat-app/master/master-role/master-role.component.ts
new file mode 100644
index 0000000..9ac0fab
--- /dev/null
+++ b/src/app/content/hemat-app/master/master-role/master-role.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-master-role',
+  templateUrl: './master-role.component.html',
+  styleUrls: ['./master-role.component.css']
+})
+export class MasterRoleComponent {
+
+}
diff --git a/src/app/content/hemat-app/master/master-status/master-status.component.css b/src/app/content/hemat-app/master/master-status/master-status.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/content/hemat-app/master/master-status/master-status.component.html b/src/app/content/hemat-app/master/master-status/master-status.component.html
new file mode 100644
index 0000000..b15c5d3
--- /dev/null
+++ b/src/app/content/hemat-app/master/master-status/master-status.component.html
@@ -0,0 +1 @@
+<p>master-status works!</p>
diff --git a/src/app/content/hemat-app/master/master-status/master-status.component.spec.ts b/src/app/content/hemat-app/master/master-status/master-status.component.spec.ts
new file mode 100644
index 0000000..2c27ba6
--- /dev/null
+++ b/src/app/content/hemat-app/master/master-status/master-status.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MasterStatusComponent } from './master-status.component';
+
+describe('MasterStatusComponent', () => {
+  let component: MasterStatusComponent;
+  let fixture: ComponentFixture<MasterStatusComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ MasterStatusComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(MasterStatusComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/content/hemat-app/master/master-status/master-status.component.ts b/src/app/content/hemat-app/master/master-status/master-status.component.ts
new file mode 100644
index 0000000..53bf732
--- /dev/null
+++ b/src/app/content/hemat-app/master/master-status/master-status.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-master-status',
+  templateUrl: './master-status.component.html',
+  styleUrls: ['./master-status.component.css']
+})
+export class MasterStatusComponent {
+
+}
diff --git a/src/app/content/hemat-app/master/master-user/master-user.component.css b/src/app/content/hemat-app/master/master-user/master-user.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/content/hemat-app/master/master-user/master-user.component.html b/src/app/content/hemat-app/master/master-user/master-user.component.html
new file mode 100644
index 0000000..0ec3cd8
--- /dev/null
+++ b/src/app/content/hemat-app/master/master-user/master-user.component.html
@@ -0,0 +1 @@
+<p>master-user works!</p>
diff --git a/src/app/content/hemat-app/master/master-user/master-user.component.spec.ts b/src/app/content/hemat-app/master/master-user/master-user.component.spec.ts
new file mode 100644
index 0000000..5947f8c
--- /dev/null
+++ b/src/app/content/hemat-app/master/master-user/master-user.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MasterUserComponent } from './master-user.component';
+
+describe('MasterUserComponent', () => {
+  let component: MasterUserComponent;
+  let fixture: ComponentFixture<MasterUserComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ MasterUserComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(MasterUserComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/content/hemat-app/master/master-user/master-user.component.ts b/src/app/content/hemat-app/master/master-user/master-user.component.ts
new file mode 100644
index 0000000..fdc88fc
--- /dev/null
+++ b/src/app/content/hemat-app/master/master-user/master-user.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-master-user',
+  templateUrl: './master-user.component.html',
+  styleUrls: ['./master-user.component.css']
+})
+export class MasterUserComponent {
+
+}
diff --git a/src/app/content/hemat-app/master/master.module.ts b/src/app/content/hemat-app/master/master.module.ts
index 641c2d6..7e72812 100644
--- a/src/app/content/hemat-app/master/master.module.ts
+++ b/src/app/content/hemat-app/master/master.module.ts
@@ -17,6 +17,10 @@ import { BlockTemplateComponent } from 'src/app/_layout/blockui/block-template.c
 import { CardModule } from '../../partials/general/card/card.module';
 import { MatchHeightModule } from '../../partials/general/match-height/match-height.module';
 import { BreadcrumbModule } from 'src/app/_layout/breadcrumb/breadcrumb.module';
+import { MasterStatusComponent } from './master-status/master-status.component';
+import { MasterDurationUseComponent } from './master-duration-use/master-duration-use.component';
+import { MasterUserComponent } from './master-user/master-user.component';
+import { MasterRoleComponent } from './master-role/master-role.component';
 
 
 
@@ -25,7 +29,11 @@ import { BreadcrumbModule } from 'src/app/_layout/breadcrumb/breadcrumb.module';
     MasterCategoryComponent,
     MasterLocationComponent,
     MasterLocationRoomComponent,
-    MasterTypeComponent
+    MasterTypeComponent,
+    MasterStatusComponent,
+    MasterDurationUseComponent,
+    MasterUserComponent,
+    MasterRoleComponent
   ],
   imports: [
     CommonModule,
@@ -57,6 +65,22 @@ import { BreadcrumbModule } from 'src/app/_layout/breadcrumb/breadcrumb.module';
       {
         path: 'master-type',
         component: MasterTypeComponent
+      },
+      {
+        path: 'master-status',
+        component: MasterStatusComponent
+      },
+      {
+        path: 'master-duration-use',
+        component: MasterDurationUseComponent
+      },
+      {
+        path: 'master-user',
+        component: MasterUserComponent
+      },
+      {
+        path: 'master-role',
+        component: MasterRoleComponent
       }
     ])
   ]