diff --git a/packages/frontend/src/style.css b/packages/frontend/src/style.css
index f539b48..2adbef9 100644
--- a/packages/frontend/src/style.css
+++ b/packages/frontend/src/style.css
@@ -45,3 +45,20 @@ a:hover {
 }
 
 /* 可以添加更多全局样式规则 */
+
+/* 为 xterm 终端添加内边距 */
+.xterm-screen {
+  padding: 10px; /* 你可以根据需要调整这个值 */
+}
+
+/* 为历史记录和快捷命令列表设置字体 */
+/* 注意：这里的选择器可能需要根据实际组件结构调整 */
+.command-history-item, 
+.quick-command-item { /* 假设这些是列表项的类名 */
+  font-family: var(--font-family-sans-serif);
+}
+
+/* 如果是 Element Plus 的 Table 组件 */
+.el-table .cell {
+  font-family: var(--font-family-sans-serif);
+}
diff --git a/packages/frontend/src/views/CommandHistoryView.vue b/packages/frontend/src/views/CommandHistoryView.vue
index ed7735d..285eb7b 100644
--- a/packages/frontend/src/views/CommandHistoryView.vue
+++ b/packages/frontend/src/views/CommandHistoryView.vue
@@ -219,7 +219,7 @@ const executeCommand = (command: string) => {
   text-overflow: ellipsis;
   margin-right: 10px;
   flex-grow: 1;
-  font-family: var(--font-family-mono, monospace); /* Use mono font variable */
+  font-family: var(--font-family-sans-serif);
   font-size: 0.9em;
   color: var(--text-color); /* Use standard text color */
 }
diff --git a/packages/frontend/src/views/QuickCommandsView.vue b/packages/frontend/src/views/QuickCommandsView.vue
index 268870b..6dd65ed 100644
--- a/packages/frontend/src/views/QuickCommandsView.vue
+++ b/packages/frontend/src/views/QuickCommandsView.vue
@@ -296,7 +296,7 @@ const executeCommand = (command: QuickCommandFE) => {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  font-family: var(--font-family-mono, monospace); /* Use mono font variable */
+  font-family: var(--font-family-sans-serif);
   font-size: 0.85em;
   color: var(--text-color-secondary); /* Use standard secondary text color */
 }