diff --git a/assets/styles/events.css b/assets/styles/events.css
index 7328027..082474a 100644
--- a/assets/styles/events.css
+++ b/assets/styles/events.css
@@ -20,7 +20,12 @@
 
 @media (any-hover: hover) {
   #events li:hover {
-    outline: solid .25rem var(--color-accent);
+    background-color: var(--color-text);
+    border-color: var(--color-text);
+  }
+
+  #events li:hover h2 {
+    color: var(--color-bg);
   }
 }
 
diff --git a/assets/styles/nav.css b/assets/styles/nav.css
index 3ff38f3..cb046ab 100644
--- a/assets/styles/nav.css
+++ b/assets/styles/nav.css
@@ -6,17 +6,27 @@ nav {
 }
 
 nav a {
+  display: block;
   text-decoration: none;
   font-size: 1.2rem;
   padding: 0 .25rem;
+  border: solid thin var(--color-accent);
+  border-radius: .25rem;
+  outline-offset: .1rem;
 }
 
 @media (any-hover: hover) {
   nav a:hover {
-    outline: solid .25rem var(--color-accent);
+    color: var(--color-bg);
+    background-color: var(--color-text);
+    border-color: var(--color-text);
   }
 }
 
+nav a:focus-visible {
+  outline: solid .25rem var(--color-accent);
+}
+
 nav ul {
   display: flex;
   justify-content: flex-end;
@@ -25,17 +35,6 @@ nav ul {
 
 nav li {
   list-style: none;
-  border: solid thin var(--color-accent);
-  border-radius: .25rem;
-  outline-offset: .1rem;
-}
-
-nav li:focus-within {
-  outline: solid .25rem var(--color-accent);
-}
-
-nav li a:focus-visible {
-  outline: none; /* handled by above nav li rule */
 }
 
 /* this specifically handles the home button