diff --git a/components/Page.tsx b/components/Page.tsx
index 0f2a669..23e657e 100644
--- a/components/Page.tsx
+++ b/components/Page.tsx
@@ -1,7 +1,7 @@
 import { JSX } from "preact";
 
 const NAV_ITEM_CLASSES =
-  "flex justify-center items-center px-4 py-2 hover:(bg-gray-700)";
+  "flex justify-center items-center px-4 py-2 hover:bg-gray-300 dark:hover:bg-gray-700";
 
 const HEADER_CLASSES = "bg-gray-200 dark:bg-gray-800";