diff --git a/assets/css/src/generic.css b/assets/css/src/generic.css
index dd2802a..abc4916 100644
--- a/assets/css/src/generic.css
+++ b/assets/css/src/generic.css
@@ -84,9 +84,11 @@ body {
   opacity: var(--opacity-light);
 }
 
+.footnote::before {
+  content: " [";
+}
 .footnote::after {
-  content: "+";
-  margin-left: calc(var(--unit--horizontal) / 6);
+  content: "]";
 }
 
 /* ================= COLORS ================= */
diff --git a/assets/js/script.js b/assets/js/script.js
index adbab8c..3c4f05f 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -84,11 +84,12 @@ function fixFootNotes() {
 
   footnotes.forEach((footnote) => {
     const href = footnote.href;
+
     footnote.classList.add("footnote");
+
     if (href.includes("sym")) {
       footnote.id = footnote.hash.replace("sym", "anc").replace("#", "");
-    }
-    if (href.includes("anc")) {
+    } else if (href.includes("anc")) {
       footnote.id = footnote.hash.replace("anc", "sym").replace("#", "");
     }
   });