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',
     },
   };