Topbar menu icon color when toggled

diff --git a/scss/foundation/components/_top-bar.scss b/scss/foundation/components/_top-bar.scss
index c2099ea1ed67cdf54bc01d9540acde1935c6765d..18b11474a11da0904a3da660907482d0a3533cd1 100644 (file)
--- a/scss/foundation/components/_top-bar.scss
+++ b/scss/foundation/components/_top-bar.scss
@@ -246,7 +246,7 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
 
         .toggle-topbar {
           a { color: $topbar-menu-link-color-toggled;
-            span {
+            &::after {
               // Shh, don't tell, but box-shadows create the menu icon :)
               @if $experimental {
                 -webkit-box-shadow: 1px 10px 1px 1px $topbar-menu-icon-color-toggled,