diff --git a/theme/boost/scss/moodle/icons.scss b/theme/boost/scss/moodle/icons.scss
index 14a2042620e..34aaeff9c72 100644
--- a/theme/boost/scss/moodle/icons.scss
+++ b/theme/boost/scss/moodle/icons.scss
@@ -14,6 +14,12 @@ a:first-of-type > .icon {
     margin-left: 0.5rem;
 }
 
+// Fix the first icon for an action menu. This rule exists to reverse the
+// icon margin defined in the a:first-of-type > .icon rule.
+.action-menu .dropdown a:first-of-type > .icon {
+    margin-left: 0;
+}
+
 .pull-xs-right {
     .icon {
         margin-right: 0;
@@ -21,11 +27,6 @@ a:first-of-type > .icon {
     }
 }
 
-// Fix the cog icon for an action menu.
-.action-menu > .dropdown .icon {
-    margin-left: 0;
-}
-
 // Fix the space between the dropdown icon and the caret.
 .action-menu {
     .dropdown-toggle {