Nest accordion arrows block within `.accordion-menu`!

diff --git a/scss/components/_accordion-menu.scss b/scss/components/_accordion-menu.scss
index 3eb09484fab4c0a6d72f138b8babbd925c8a3fa9..7d254466079ff2323cf94eb50c8ce9970f4a0e1e 100644 (file)
--- a/scss/components/_accordion-menu.scss
+++ b/scss/components/_accordion-menu.scss
@@ -107,6 +107,15 @@ $accordionmenu-arrow-size: 6px !default;
         @include menu-nested($accordionmenu-nested-margin, right);
       }
     }
+
+    @if $accordionmenu-arrows {
+      @include zf-accordion-menu-left-right-arrows;
+
+      .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
+        transform: rotate(180deg);
+        transform-origin: 50% 50%;
+      }
+    }
   }
 
   .is-accordion-submenu li {
@@ -159,13 +168,4 @@ $accordionmenu-arrow-size: 6px !default;
   .submenu-toggle-text {
     @include element-invisible;
   }
-
-  @if $accordionmenu-arrows {
-    @include zf-accordion-menu-left-right-arrows;
-
-    .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
-      transform: rotate(180deg);
-      transform-origin: 50% 50%;
-    }
-  }
 }