diff --git a/src/components/layout/layout-traffic.tsx b/src/components/layout/layout-traffic.tsx
index 4f0214e4900f1dcc84a36c3d0c2b90232fcab3ac..9d02ba374e65e2787623340ab4df7babfdce821f 100644
--- a/src/components/layout/layout-traffic.tsx
+++ b/src/components/layout/layout-traffic.tsx
@@ -5,7 +5,7 @@ import { Box, Typography } from "@mui/material";
 import { ArrowDownward, ArrowUpward } from "@mui/icons-material";
 import { listen } from "@tauri-apps/api/event";
 import { ApiType } from "../../services/types";
-import { getInfomation } from "../../services/api";
+import { getInformation } from "../../services/api";
 import { getVergeConfig } from "../../services/cmds";
 import { atomClashPort } from "../../services/states";
 import TrafficGraph from "./traffic-graph";
@@ -41,7 +41,7 @@ const LayoutTraffic = () => {
   useEffect(() => {
     let ws: WebSocket | null = null;
 
-    getInfomation().then((result) => {
+    getInformation().then((result) => {
       const { server = "", secret = "" } = result;
       ws = new WebSocket(`ws://${server}/traffic?token=${secret}`);
 
diff --git a/src/components/layout/use-log-setup.ts b/src/components/layout/use-log-setup.ts
index ff095f1ec276809c1bf24b72681766b905cf62bd..d4a9eeee25a3aab4fd47cc5c5c1cc1ee994d9606 100644
--- a/src/components/layout/use-log-setup.ts
+++ b/src/components/layout/use-log-setup.ts
@@ -3,7 +3,7 @@ import { useEffect, useState } from "react";
 import { useSetRecoilState } from "recoil";
 import { listen } from "@tauri-apps/api/event";
 import { ApiType } from "../../services/types";
-import { getInfomation } from "../../services/api";
+import { getInformation } from "../../services/api";
 import { atomLogData } from "../../services/states";
 
 const MAX_LOG_NUM = 1000;
@@ -25,7 +25,7 @@ export default function useLogSetup() {
       });
     };
 
-    getInfomation().then((info) => {
+    getInformation().then((info) => {
       const { server = "", secret = "" } = info;
       ws = new WebSocket(`ws://${server}/logs?token=${secret}`);
       ws.addEventListener("message", handler);
diff --git a/src/pages/connections.tsx b/src/pages/connections.tsx
index 4e4c7632ba5f3e2810c82ef96f1b2f9877c321f8..71652c5aa1edbf50e7d2acbde7cc76d8d277fb25 100644
--- a/src/pages/connections.tsx
+++ b/src/pages/connections.tsx
@@ -4,7 +4,7 @@ import { Box, Button, Paper, TextField } from "@mui/material";
 import { Virtuoso } from "react-virtuoso";
 import { useTranslation } from "react-i18next";
 import { ApiType } from "../services/types";
-import { closeAllConnections, getInfomation } from "../services/api";
+import { closeAllConnections, getInformation } from "../services/api";
 import BasePage from "../components/base/base-page";
 import ConnectionItem from "../components/connection/connection-item";
 
@@ -25,7 +25,7 @@ const ConnectionsPage = () => {
   useEffect(() => {
     let ws: WebSocket | null = null;
 
-    getInfomation().then((result) => {
+    getInformation().then((result) => {
       const { server = "", secret = "" } = result;
       ws = new WebSocket(`ws://${server}/connections?token=${secret}`);
 
diff --git a/src/services/api.ts b/src/services/api.ts
index e4f7a303a7fa4e1021e29903cd3d5eca9d0fafe8..bb183a0892d7067be75e8ddd459cb9c27b1db029 100644
--- a/src/services/api.ts
+++ b/src/services/api.ts
@@ -32,8 +32,8 @@ export async function getAxios(force: boolean = false) {
   return axiosIns;
 }
 
-/// get infomation
-export async function getInfomation() {
+/// get information
+export async function getInformation() {
   if (server) return { server, secret };
   const info = await getClashInfo();
   return info!;