diff --git a/create_from_scratch_with_csv.py b/create_from_scratch_with_csv.py
index 83781c9362c2ab1d38d2bd167cf76fd36ada5f81..500342af62c43ce283562756692ab6693a0952c6 100644
--- a/create_from_scratch_with_csv.py
+++ b/create_from_scratch_with_csv.py
@@ -104,7 +104,7 @@ note_type = {
             'plainText': False,
             'collapsed': False,
             'excludeFromSearch': False,
-            'id': 1,
+            'id': 2,
             'tag': None,
             'preventDeletion': False
         }
diff --git a/templates/kanji/animation.js b/templates/kanji/animation.js
index d271d46af948a44f378ceba86ff474306963840c..9c220bb2f64df5311d9990bd146acb7533d3ae74 100644
--- a/templates/kanji/animation.js
+++ b/templates/kanji/animation.js
@@ -1,7 +1,8 @@
 import HanziWriter from "hanzi-writer"
 
-const kanji = document.getElementById("kanji").innerText
-
-const hanziWriterContainer = document.getElementById("kanji-animation")
-
-HanziWriter.create(hanziWriterContainer, kanji).animateCharacter()
+for (const kanjiContainer of document.getElementsByClassName("kanji")) {
+  const kanjiText = kanjiContainer.textContent
+  const hanziWriterContainer = document.createElement("div")
+  kanjiContainer.append(hanziWriterContainer)
+  HanziWriter.create(hanziWriterContainer, kanjiText).animateCharacter()
+}
diff --git a/templates/kanji/back.html b/templates/kanji/back.html
index be7b33362ed5423a5a55c46b82e72431d90f2a40..1556d573faab06043ba9a4ad0049663b22f424c3 100644
--- a/templates/kanji/back.html
+++ b/templates/kanji/back.html
@@ -2,10 +2,8 @@
 
 <hr id="answer">
 
-<div id="kanji">{{Back}}</div>
-
-<div id="kanji-animation"></div>
+<div class="kanji">{{Back}}</div>
 
 <script type="module">
   import "./animation.js"
-</script>
\ No newline at end of file
+</script>