diff --git a/index.html b/index.html
index 7131c0a..e8df79e 100644
--- a/index.html
+++ b/index.html
@@ -72,7 +72,7 @@
     <footer>
         <div class="sendBar">
             <input id="inputMSG" onkeypress="isEnter(event)" type="text" placeholder="Type a message" autofocus>
-            <svg onclick="sendMsg()" viewBox="0 0 24 24" width="24" height="24" class="">
+            <svg id="send-button" onclick="sendMsg()" viewBox="0 0 24 24" width="24" height="24" class="">
                 <path fill="currentColor"
                     d="M1.101 21.757 23.8 12.028 1.101 2.3l.011 7.912 13.623 1.816-13.623 1.817-.011 7.912z"></path>
             </svg>
diff --git a/style.css b/style.css
index b9d9a77..17f1877 100644
--- a/style.css
+++ b/style.css
@@ -339,6 +339,17 @@ footer{
     border-color: transparent;
 }
 
+#send-button{
+    cursor: pointer;
+}
+
+#send-button:active {
+    transform: translateY(2px);
+}
+
+#send-button:active path{
+    fill: grey;
+}
 
 ::placeholder { 
     color: #8696a0;