diff --git a/plugins/talk-plugin-rich-text/client/components/rte/components/Button.css b/plugins/talk-plugin-rich-text/client/components/rte/components/Button.css
index 39b14fb7e..9f30022a0 100644
--- a/plugins/talk-plugin-rich-text/client/components/rte/components/Button.css
+++ b/plugins/talk-plugin-rich-text/client/components/rte/components/Button.css
@@ -23,16 +23,15 @@
   border: none;
   color: #4e4e4e;
   margin-right: 3px;
+  border-radius: 3px;
 }
 
-.button:hover{
+.button:hover {
   cursor: pointer;
-  border-radius: 3px;
   background-color: #eae8e8;
 }
 
-.active {
-  border-radius: 3px;
+.button.active {
   background-color: #ddd;
 }
 
@@ -41,3 +40,12 @@
   cursor: default;
   background: none;
 }
+
+@media (-moz-touch-enabled: 1), (pointer:coarse) {
+  .button:hover{
+    background-color: transparent;
+  }
+  .button.active {
+    background-color: #ddd;
+  }
+}