diff --git a/src/assets/icon/00_manual.png b/src/assets/icon/00_manual.png
index 54c0301..9d5e9a3 100644
Binary files a/src/assets/icon/00_manual.png and b/src/assets/icon/00_manual.png differ
diff --git a/src/assets/icon/01_maintenance.png b/src/assets/icon/01_maintenance.png
index e5a329b..5beec68 100644
Binary files a/src/assets/icon/01_maintenance.png and b/src/assets/icon/01_maintenance.png differ
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 65ba3e5..5a38b23 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -49,7 +49,7 @@ const mainmanual = [
 
 const mainmaintenance = [
 	/*{text: 'คู่มือการใช้งาน', icon:'mdi-account-outline', path: 'metadata'},*/
-	{text: 'ดูแลรักษาระบบ',img: new URL('../assets/icon/00_manual.png', import.meta.url).href, icon:'mdi-laptop',path: 'maintenance'}
+	{text: 'ดูแลรักษาระบบ',img: new URL('../assets/icon/01_maintenance.png', import.meta.url).href, icon:'mdi-laptop',path: 'maintenance'}
 ];
 
 
@@ -185,8 +185,11 @@ window.onpopstate = function() {
 							>
 							
 								<q-card class="q-pa-md row justify-center text-dark cursor-pointer cardmenu" @click="redirectToManual" ><!-- router.push({ name: `${}`}) -->
-									<q-icon class="col-12 items-center" size="40px" :name="`${menu.icon}`"/>
-									<div class="q-pt-md">คู่มือการใช้งาน</div>
+									<!--<q-icon class="col-12 items-center" size="40px" :name="`${menu.icon}`"/> -->
+									<q-avatar rounded size="60px">
+										<q-img :src="menu.img" />
+									</q-avatar>
+									<div class="col-12 q-pt-md text-center">{{ menu.text }} </div>
 								</q-card>
 							</div>	
 							</div>
@@ -208,8 +211,11 @@ window.onpopstate = function() {
 							>
 							
 								<q-card class="q-pa-md row justify-center text-dark cursor-pointer cardmenu" @click="clickmainte(menu.path)" ><!-- router.push({ name: `${}`}) -->
-									<q-icon class="col-12 items-center" size="40px" :name="`${menu.icon}`"/>
-									<div class="q-pt-md">ดูแลรักษาระบบ</div>
+									<!--<q-icon class="col-12 items-center" size="40px" :name="`${menu.icon}`"/> -->
+									<q-avatar rounded size="60px">
+										<q-img :src="menu.img" />
+									</q-avatar>
+									<div class="col-12 q-pt-md text-center">{{ menu.text }} </div>
 								</q-card>
 							</div>	
 							</div>