diff --git a/src/components/log/log-item.tsx b/src/components/log/log-item.tsx
index dfb15e60e30c5762f57455fc5d3a0d77afcb9b73..1aa08040586ee4fce7657a1df6bb042fa027b473 100644
--- a/src/components/log/log-item.tsx
+++ b/src/components/log/log-item.tsx
@@ -1,11 +1,12 @@
 import { styled, Box } from "@mui/material";
 
-const Item = styled(Box)(({ theme: { palette } }) => ({
+const Item = styled(Box)(({ theme: { palette, typography } }) => ({
   padding: "8px 0",
   margin: "0 12px",
   lineHeight: 1.35,
   borderBottom: `1px solid ${palette.divider}`,
   fontSize: "0.875rem",
+  fontFamily: typography.fontFamily,
   userSelect: "text",
   "& .time": {
     color: palette.text.secondary,
diff --git a/src/components/proxy/proxy-item-mini.tsx b/src/components/proxy/proxy-item-mini.tsx
index fe3f49948b02c6c5473141a8039c391969942622..aaf5ab169276f4fcb882282337705430fecae767 100644
--- a/src/components/proxy/proxy-item-mini.tsx
+++ b/src/components/proxy/proxy-item-mini.tsx
@@ -166,19 +166,21 @@ export const ProxyItemMini = (props: Props) => {
   );
 };
 
-const Widget = styled(Box)(() => ({
+const Widget = styled(Box)(({ theme: { typography } }) => ({
   padding: "3px 6px",
   fontSize: 14,
+  fontFamily: typography.fontFamily,
   borderRadius: "4px",
 }));
 
-const TypeBox = styled(Box)(({ theme }) => ({
+const TypeBox = styled(Box)(({ theme: { palette, typography } }) => ({
   display: "inline-block",
   border: "1px solid #ccc",
-  borderColor: alpha(theme.palette.text.secondary, 0.36),
-  color: alpha(theme.palette.text.secondary, 0.42),
+  borderColor: alpha(palette.text.secondary, 0.36),
+  color: alpha(palette.text.secondary, 0.42),
   borderRadius: 4,
   fontSize: 10,
+  fontFamily: typography.fontFamily,
   marginRight: "4px",
   padding: "0 2px",
   lineHeight: 1.25,