fix: change css selector nth-child to nth-of-type

nth-child can cause issues with SSR, prefer nth-of-type
nickadamson · Sep 21, 2022 · e9553ae · e9553ae
1 parent ac1aa24
commit e9553ae
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/StyleWrapper.tsx b/src/components/StyleWrapper.tsx
@@ -13,17 +13,17 @@ const StyleWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) =>
             width: "100%",
             height: "100%",
           },
-          ".grid-item:nth-child(1)": {
+          ".grid-item:nth-of-type(1)": {
             gridColumnStart: 3,
             gridRowStart: 3,
           },
-          ".grid-item:nth-child(6)": {
+          ".grid-item:nth-of-type(6)": {
             gridColumnStart: 6,
           },
-          ".grid-item:nth-child(9)": {
+          ".grid-item:nth-of-type(9)": {
             gridRowStart: 6,
           },
-          ".grid-item:nth-child(11)": {
+          ".grid-item:nth-of-type(11)": {
             gridColumnStart: -30,
             gridRowStart: 9,
           },