From 62729c2ecd4833bb9ddf81dac91506b7ebf5a080 Mon Sep 17 00:00:00 2001
From: Mark Teekman <mark.teekman@gmail.com>
Date: Sun, 15 May 2022 14:22:11 +0200
Subject: [PATCH] Fix hover issue for DarkMode toggle icons

---
 src/components/Navigation.astro | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index c284c92..06118dd 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -346,8 +346,10 @@ import { DarkMode } from 'accessible-astro-components'
     svg path {
       fill: var(--secondary-500);
       transition: fill 0.2s ease-in-out;
+    }
 
-      &:hover {
+    &:hover {
+      svg path {
         fill: var(--primary-400);
       }
     }
@@ -360,8 +362,10 @@ import { DarkMode } from 'accessible-astro-components'
   .darkmode .darkmode-toggle {
     svg path {
       fill: var(--secondary-100);
+    }
 
-      &:hover {
+    &:hover {
+      svg path {
         fill: var(--primary-400);
       }
     }