Refine decorative chevron styles in subnav triggers

Author: NicolaSaunders

assets-src/styles/sass/50-core-components/_navigation.scss

@@ -89,12 +89,12 @@ li.top-nav-item + li.top-nav-item {
     display: flex;
 
     &::after {
-        block-size: rem(8);
+        block-size: rem(7);
         border-color: black;
         border-style: solid;
-        border-width: 0 rem(3) rem(3) 0;
+        border-width: 0 rem(2) rem(2) 0;
         content: "";
-        inline-size: rem(8);
+        inline-size: rem(7);
         margin-inline-start: rem(12);
         visibility: hidden;
     }

assets-src/styles/sass/60-advanced-components/_navigation.scss

@@ -139,6 +139,7 @@
         transform: rotate(-45deg);
 
         @include mq($max-width) {
+            margin-block-start: rem(-3);
             margin-inline-start: rem(8) !important;
             transform: rotate(45deg);
         }
@@ -157,6 +158,7 @@
 	&[aria-expanded='true'] {
 		@include mq($max-width) {
             &::after {
+                margin-block-start: 0;
                 scale: -1;
             }
 		}

public/dist/assets/styles/advanced.css

@@ -450,6 +450,7 @@ br {
 }
 @media screen and (min-width: 70em) {
   .global-nav__inner [data-trigger=sub-nav]::after {
+    margin-block-start: -0.1875rem;
     margin-inline-start: 0.5rem !important;
     transform: rotate(45deg);
   }
@@ -464,6 +465,7 @@ br {
 }
 @media screen and (min-width: 70em) {
   .global-nav__inner [data-trigger=sub-nav][aria-expanded=true]::after {
+    margin-block-start: 0;
     scale: -1;
   }
 }

public/dist/assets/styles/advanced.min.css

@@ -2658,12 +2658,12 @@ so that either of these properties is applied instead.
   display: flex;
 }
 .global-nav__inner .has-children > .nav-link::after {
-  block-size: 0.5rem;
+  block-size: 0.4375rem;
   border-color: black;
   border-style: solid;
-  border-width: 0 0.1875rem 0.1875rem 0;
+  border-width: 0 0.125rem 0.125rem 0;
   content: "";
-  inline-size: 0.5rem;
+  inline-size: 0.4375rem;
   margin-inline-start: 0.75rem;
   visibility: hidden;
 }