diff --git a/lib/editor/atto/styles.css b/lib/editor/atto/styles.css
index a0c2feb42fde1..13840ec9d9488 100644
--- a/lib/editor/atto/styles.css
+++ b/lib/editor/atto/styles.css
@@ -47,16 +47,16 @@ div.editor_atto_toolbar button[disabled] {
     cursor: default;
 }
 
-.editor_atto_toolbar button:active {
-    background-image: radial-gradient(ellipse at center, #ffffff 40%,#dfdfdf 100%);
-    background-color: #dfdfdf;
-}
-
 .editor_atto_toolbar button:hover {
     background-image: radial-gradient(ellipse at center, #ffffff 60%,#dfdfdf 100%);
     background-color: #ebebeb;
 }
 
+.editor_atto_toolbar button:active {
+    background-image: radial-gradient(ellipse at center, #ffffff 40%,#dfdfdf 100%);
+    background-color: #dfdfdf;
+}
+
 div.editor_atto_toolbar button img {
     padding: 1px;
 }