diff --git a/web/index.css b/web/index.css
index 3efd9cb..0eb633b 100644
--- a/web/index.css
+++ b/web/index.css
@@ -48,6 +48,10 @@
     height: 100px;
 }
 
+.template-selected {
+    background-color: green;
+}
+
 .template div {
     border: 1px solid;
 }
diff --git a/web/index.js b/web/index.js
index 35c1b1e..dbddbfc 100644
--- a/web/index.js
+++ b/web/index.js
@@ -204,8 +204,10 @@ function pageSizeChange() {
  * @param {HTMLDivElement} templateDiv 
  */
 function applyTemplate(templateDiv) {
+    document.getElementsByClassName("template-selected").item(0)?.classList.remove("template-selected")
     /** @type {HTMLDivElement} */
     const templateClone = templateDiv.cloneNode(true)
+    templateDiv.classList.add("template-selected")
     for (const index in imageUrls) {
         const url = imageUrls[index]
         const imgClass = `img${index}`