diff --git a/app/templates/app/detail_materi.html b/app/templates/app/detail_materi.html
index 5d6b2830e04e6409b4a878f15a2cfd4a20853846..07aa7331bbafd306e691ea75153b13827418c388 100644
--- a/app/templates/app/detail_materi.html
+++ b/app/templates/app/detail_materi.html
@@ -142,6 +142,7 @@
                 <div class="buttons d-flex flex-row bd-highlight mb-1">
                     <a href="{% url 'view-materi' materi_data.id %}" class="btn btn-link btn-book shadow-sm p-2 mr-2 bg-white rounded">Baca</a>
                     <a href="{% url 'download-materi' materi_data.id %}" class="btn btn-link btn-book shadow-sm p-2 mr-2 bg-white rounded">Unduh</a>
+                    <button class="btn btn-link btn-book shadow-sm p-2 mr-2 bg-white rounded" onclick="CitateAPA('{{citationAPA}}')">Citate APA</button>
                     <div class="dropdown">
                         <button class="btn dropdown-toggle btn-book shadow-sm p-2 mr-2 bg-white rounded" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                             Bagikan
@@ -292,5 +293,7 @@
                 document.getElementById("thumb").firstChild.data = " Disukai"
             }
         }
+
+        
 </script>
 {% endblock extra_scripts %}