diff --git a/kinode/packages/settings/pkg/ui/index.html b/kinode/packages/settings/pkg/ui/index.html
index 5fd6c5ef..38c627fa 100644
--- a/kinode/packages/settings/pkg/ui/index.html
+++ b/kinode/packages/settings/pkg/ui/index.html
@@ -6,7 +6,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <link rel="stylesheet" href="/kinode.css">
-    <link href="https://fonts.googleapis.com/css2?family=Kode+Mono:wght@700&display=swap" rel="stylesheet">
+    <link
+      href="https://api.fontshare.com/v2/css?f[]=clash-display@400,700,500,600,300&display=swap"
+      rel="stylesheet"
+    />
     <script src="/our.js"></script>
     <script>
         document.title = window.our.node + " - settings";