diff --git a/lib/darkModeHook.ts b/lib/darkModeHook.ts
index e354bc6..e2f6433 100644
--- a/lib/darkModeHook.ts
+++ b/lib/darkModeHook.ts
@@ -6,10 +6,10 @@ export default function useDarkMode() {
 
     useEffect(() => {
         const colorSchemeQueryList = window.matchMedia("(prefers-color-scheme: dark)");
-        setDarkMode(colorSchemeQueryList.matches ? true : false);
+        setDarkMode(colorSchemeQueryList.matches);
 
         const handleChange = () => {
-            setDarkMode(colorSchemeQueryList.matches ? true : false);
+            setDarkMode(colorSchemeQueryList.matches);
         };
 
         colorSchemeQueryList.addEventListener("change", handleChange);
diff --git a/package.json b/package.json
index 732f854..69918b3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "sparkhome",
   "private": false,
-  "version": "5.3.0",
+  "version": "5.5.1",
   "type": "module",
   "scripts": {
     "dev": "bun server.ts",
diff --git a/pages/about/index.tsx b/pages/about/index.tsx
index b109ae5..6821644 100644
--- a/pages/about/index.tsx
+++ b/pages/about/index.tsx
@@ -33,12 +33,13 @@ export default function AboutPage() {
                 />
                 <Version
                     title="Backend API Version"
-                    version={"/v" + apiVersion}
+                    version={"/api/v" + apiVersion}
                     versionClass="bg-orange-500"
                 />
                 <p className="flex items-center my-3">
                     <span className="font-bold text-2xl mr-4 w-[36rem]">License</span>
-                    <span className="relative px-2 py-1 text-sm font-bold rounded-md text-nowrap underline bg-green-600">
+                    <span className="relative px-2 py-1 text-sm font-bold rounded-md text-nowrap underline
+                     bg-green-600 text-white">
                         <a href="/about/license">→ view</a>
                     </span>
                 </p>
@@ -58,7 +59,7 @@ function Version(props: { title: string; version: string; versionClass?: string
             <span className="font-bold text-2xl mr-4 w-[36rem]">{props.title}</span>
             <span
                 className={
-                    "relative px-2 py-1 text-sm font-bold rounded-md text-nowrap " +
+                    "relative px-2 py-1 text-sm font-bold rounded-md text-nowrap text-white " +
                         props.versionClass ?? ""
                 }
             >