From 0baaf5aed80d497621db592ab01cc21e0032832d Mon Sep 17 00:00:00 2001
From: QiShaoXuan <qishaoxuan777@gmail.com>
Date: Mon, 31 Oct 2022 17:08:01 +0800
Subject: [PATCH] fix: next warning

---
 packages/app/src/components/loading/styled.ts | 8 ++++----
 packages/app/src/ui/modal/style.ts            | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/app/src/components/loading/styled.ts b/packages/app/src/components/loading/styled.ts
index f8b9e959d4..f267fc9a84 100644
--- a/packages/app/src/components/loading/styled.ts
+++ b/packages/app/src/components/loading/styled.ts
@@ -64,28 +64,28 @@ export const StyledLoadingItem = styled.div`
     right: 50%;
   }
 
-  &:nth-child(1) {
+  &:nth-of-type(1) {
     --sx: 50%;
     --sy: -50%;
     --ex: 150%;
     --ey: 50%;
   }
 
-  &:nth-child(2) {
+  &:nth-of-type(2) {
     --sx: -50%;
     --sy: -50%;
     --ex: 50%;
     --ey: -50%;
   }
 
-  &:nth-child(3) {
+  &:nth-of-type(3) {
     --sx: 150%;
     --sy: 50%;
     --ex: 50%;
     --ey: 50%;
   }
 
-  &:nth-child(4) {
+  &:nth-of-type(4) {
     --sx: 50%;
     --sy: 50%;
     --ex: -50%;
diff --git a/packages/app/src/ui/modal/style.ts b/packages/app/src/ui/modal/style.ts
index 5037799931..3b37e3c0f2 100644
--- a/packages/app/src/ui/modal/style.ts
+++ b/packages/app/src/ui/modal/style.ts
@@ -23,7 +23,7 @@ export const StyledModal = styled(ModalUnstyled)(({ theme }) => {
     zIndex: theme.zIndex.modal,
     ...displayFlex('center', 'center'),
     '*': {
-      '-webkit-tap-highlight-color': 'transparent',
+      WebkitTapHighlightColor: 'transparent',
       outline: 'none',
     },
   };