diff --git a/src/views/home/agent/components/Item.vue b/src/views/home/agent/components/Item.vue
index 6375a0d..fbc7638 100644
--- a/src/views/home/agent/components/Item.vue
+++ b/src/views/home/agent/components/Item.vue
@@ -140,6 +140,19 @@
 			} else {
 				return {}
 			}
+		},
+		heading: {
+			style: {
+				fontFamily: 'Regular',
+				lineHeight: 2
+				// fontSize: '1.4rem'
+			}
+		},
+		p: {
+			style: {
+				fontSize: '1.4rem',
+				lineHeight: 1.5
+			}
 		}
 	}
 
diff --git a/src/views/home/agent/components/Preview.vue b/src/views/home/agent/components/Preview.vue
index 78c5e38..b21caff 100644
--- a/src/views/home/agent/components/Preview.vue
+++ b/src/views/home/agent/components/Preview.vue
@@ -5,6 +5,7 @@
 	>
 		<template v-if="type === 'sketch'">
 			<div
+				v-show="!showLoading"
 				class="sketch-item"
 				v-for="(item, index) in sketchList"
 				:key="'sketch-item-' + index"
@@ -18,7 +19,7 @@
 									src="@/assets/images/restore-sketch.png"
 									class="dropdown-icon restore"
 								/>
-								<span>Restore</span>
+								<span class="dropdown-txt">Quote</span>
 							</el-dropdown-item>
 							<el-dropdown-item
 								class="sketch-item flex align-center"
@@ -28,7 +29,7 @@
 									src="@/assets/images/delete.png"
 									class="dropdown-icon delete"
 								/>
-								<span>Delete</span>
+								<span class="dropdown-txt del">Delete</span>
 							</el-dropdown-item>
 						</el-dropdown-menu>
 					</template>
@@ -124,6 +125,19 @@
 	)
 
 	const customAttrs: CustomAttrs = {
+		heading: {
+			style: {
+				fontFamily: 'Regular',
+				lineHeight: 2
+				// fontSize: '1.4rem'
+			}
+		},
+		p: {
+			style: {
+				fontSize: '1.4rem',
+				lineHeight: 1.5
+			}
+		},
 		img: {
 			style: 'max-width: 100%;display:block;'
 		},
@@ -283,7 +297,7 @@
 						height: 1.3rem;
 					}
 					&.delete {
-						width: 1.2rem;
+						width: 1.19rem;
 						height: 1.3rem;
 					}
 				}
@@ -408,6 +422,7 @@
 						overflow-y: auto;
 						margin: 2rem;
 						padding: 0 8.8rem 8.8rem;
+						user-select: text;
 					}
 				}
 			}
@@ -416,5 +431,13 @@
 	:deep(.el-dropdown-menu__item) {
 		column-gap: 1.2rem;
 		padding: 1.2rem 1.4rem;
+		.dropdown-txt {
+			font-size: 1.3rem;
+			font-family: 'Medium';
+			color: #000;
+			&.del {
+				color: #ff4747;
+			}
+		}
 	}
 </style>
diff --git a/src/views/home/agent/index.vue b/src/views/home/agent/index.vue
index 89e2f79..bb46454 100644
--- a/src/views/home/agent/index.vue
+++ b/src/views/home/agent/index.vue
@@ -113,6 +113,10 @@
 		previewType.value = 'url'
 	}
 
+	const handleOpenSketch = () => {
+		previewType.value = 'sketch'
+	}
+
 	watch(
 		() => proJectId.value,
 		(newVal, oldVal) => {
@@ -126,9 +130,7 @@
 	onMounted(() => {
 		MyEvent.add('openReport', handleOpenReport)
 		MyEvent.add('openUrls', handleOpenUrls)
-		MyEvent.add('OpenSketch', ()=>{
-			previewType.value = 'sketch'
-		})
+		MyEvent.add('OpenSketch', handleOpenSketch)
 		projectStore.clearProject()
 		if (proJectId.value) {
 			handleGetProjectInfoAndHistory()
@@ -137,9 +139,7 @@
 	onUnmounted(() => {
 		MyEvent.remove('openReport', handleOpenReport)
 		MyEvent.remove('openUrls', handleOpenUrls)
-		MyEvent.remove('OpenSketch', ()=>{
-			previewType.value = 'sketch'
-		})
+		MyEvent.remove('OpenSketch')
 	})
 </script>