diff --git a/js/navigation.js b/js/navigation.js
index 3ae6e2a..cd2084e 100644
--- a/js/navigation.js
+++ b/js/navigation.js
@@ -69,7 +69,7 @@ class="flex items-center bg-stone-950/30 backdrop-blur-xl text-stone-50 p-2 w-fu
 function setupFooter(relativePath) {
   document.getElementById("footer").innerHTML = `<a
         href="${relativePath}/terms.html"
-        class="text-stone-50/80 hover:text-stone-50 hover:underline hover:underline-offset-4 font-serif font-medium"
+        class="text-stone-50/80 hover:text-stone-50 hover:underline hover:underline-offset-4 font-sans font-medium"
         >Terms of Use</a
       >`;
   // add `<div class="divider"></div>` element above the `id=footer` element
diff --git a/vite.config.js b/vite.config.js
index 4a4a342..c6b8fcc 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -72,6 +72,8 @@ export default () => {
       rollupOptions: {
         input: {
           main: path.resolve(__dirname, "index.html"),
+          terms: path.resolve(__dirname, "terms.html"),
+
           stable_diffusion: path.resolve(
             __dirname,
             "samples/stable_diffusion/stable-diffusion.html"