diff --git a/src/app/containers/Blocks/Dag/lib-dag.js b/src/app/containers/Blocks/Dag/lib-dag.js
index 401e2af09..7401c0873 100644
--- a/src/app/containers/Blocks/Dag/lib-dag.js
+++ b/src/app/containers/Blocks/Dag/lib-dag.js
@@ -206,7 +206,7 @@ function createRender(container, width, height) {
   const ctx = canvas.getContext('2d');
   ctx.scale(devicePixelRatio, devicePixelRatio);
 
-  //hit canvas is detatched from dom
+  //hit canvas is detached from dom
   const hitCanvas = document.createElement('canvas');
   hitCanvas.width = width;
   hitCanvas.height = height;
diff --git a/src/app/index.tsx b/src/app/index.tsx
index c12696046..37cf352e9 100644
--- a/src/app/index.tsx
+++ b/src/app/index.tsx
@@ -180,7 +180,7 @@ export function App() {
     const { pathname } = useLocation();
 
     useEffect(() => {
-      // theme switch by change body classname, reflect to css variable defination
+      // theme switch by change body classname, reflect to css variable definition
       // const classList = document.body.classList;
       // let prev = 'pow';
       // let next = 'pos';
diff --git a/src/utils/hooks/useGetTxnStatus.ts b/src/utils/hooks/useGetTxnStatus.ts
index ff90673bb..ef5dd5318 100644
--- a/src/utils/hooks/useGetTxnStatus.ts
+++ b/src/utils/hooks/useGetTxnStatus.ts
@@ -67,7 +67,7 @@ export const useGetTxnStatus = (
   timeout?: number, // timeout to polling txn status,
   method?, // getTransactionByHash or getTransactionReceipt,
 ) => {
-  // 0 for success, 1 for error occured, null when the transaction is skipped or not packed.
+  // 0 for success, 1 for error occurred, null when the transaction is skipped or not packed.
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const [status, setStatus] = useState({});
   const markedHashs = useRef({});