style(nav): fix X icon visibility issue (#1092)

react-hook-form · Nov 19, 2024 · 29c6c58 · 29c6c58
1 parent 6ca6764
commit 29c6c58
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/Nav.module.css b/src/components/Nav.module.css
@@ -15,11 +15,14 @@
 
 .icon svg {
   height: 16px;
-  fill: white;
   transition: 0.3s all;
   margin-top: 6px;
 }
 
+:global(.dark) .icon svg {
+  fill: white;
+}
+
 .icon svg:hover {
   opacity: 0.5;
 }
@@ -153,6 +156,10 @@ a.legacyLink {
 }
 
 @media (min-width: 1040px) {
+  .icon svg {
+    fill: white;
+  }
+
   .mobileOnly {
     display: none;
   }