diff --git a/node_modules/nodebb-plugin-composer-default/static/templates/composer.tpl b/node_modules/nodebb-plugin-composer-default/static/templates/composer.tpl
index 6604f4971..73dd17a63 100644
--- a/node_modules/nodebb-plugin-composer-default/static/templates/composer.tpl
+++ b/node_modules/nodebb-plugin-composer-default/static/templates/composer.tpl
@@ -21,7 +21,57 @@
 				<button class="btn btn-sm btn-primary composer-submit" data-action="post" tabindex="-1"><i class="fa fa-chevron-right"></i></button>
 			</div>
 		</nav>
-		
+		<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=20px, initial-scale=1.0">
+<title>Urgent</title>
+<style>
+
+
+
+
+
+
+
+
+
+
+
+  #urgentButton {
+    width: 50px; 
+    height: 25px; 
+    background-color: #AAA; 
+    color: white;
+    border: none;
+    padding: 1px 2px; 
+    cursor: pointer;
+  }
+
+
+  #urgentButton.clicked {
+    background-color: #ff0000; /* Red color */
+  }
+</style>
+</head>
+<body>
+<button id="urgentButton">Urgent</button>
+
+<script>
+
+  const urgentButton = document.getElementById("urgentButton");
+
+  urgentButton.addEventListener("click", function() {
+ 
+    urgentButton.classList.toggle("clicked");
+  });
+</script>
+</body>
+</html>
+
+
+
 		<div data-component="composer/identity-selector" class="identity-selector-container">
 			<!-- Anonymous or Username Dropdown -->
 			<label for="isAnonymousSelect" style="margin-right: 10px;">Identity:</label>
