Use nth-of-type instead of nth-child

Opetushallitus · Apr 16, 2024 · f831e3d · f831e3d
1 parent dcacdda
commit f831e3d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/app/components/table/ListTable.tsx b/src/app/components/table/ListTable.tsx
@@ -74,7 +74,7 @@ const StyledCell = styled(TableCell)(
 const StyledRow = styled(TableRow)(
   {
     borderSpacing: '0px',
-    '&:nth-child(even)': {
+    '&:nth-of-type(even)': {
       backgroundColor: '#f5f5f5'
     },
     '&:hover': {

diff --git a/src/app/haku/[oid]/hakukohde-list.tsx b/src/app/haku/[oid]/hakukohde-list.tsx
@@ -14,7 +14,7 @@ const StyledItem = styled('div')({
     fontWeight: 500
   },
 
-  '&:nth-child(even)': {
+  '&:nth-of-type(even)': {
     backgroundColor: '#f5f5f5'
   },
   '&:hover': {