diff --git a/views/bootstrap/styles/application.js b/views/bootstrap/styles/application.js
index 6e27c3e3a..cf1188d22 100644
--- a/views/bootstrap/styles/application.js
+++ b/views/bootstrap/styles/application.js
@@ -761,6 +761,7 @@ $(document).ready( function() {
 	$("body").on("click", ".copy-to-clipboard", function(ev) {
 		console.log($(this).data());
 		navigator.clipboard.writeText($(this).data("text"));
+		$(this).addClass('text-success');
 	});
 });
 
diff --git a/views/bootstrap4/styles/application.js b/views/bootstrap4/styles/application.js
index 63f401832..d984fe465 100644
--- a/views/bootstrap4/styles/application.js
+++ b/views/bootstrap4/styles/application.js
@@ -809,6 +809,7 @@ $(document).ready( function() {
 	$("body").on("click", ".copy-to-clipboard", function(ev) {
 		console.log($(this).data());
 		navigator.clipboard.writeText($(this).data("text"));
+		$(this).addClass('text-success');
 	});
 });