fix: breadcrumbs item arrow display (#706)

fix: breadcrumbs item arrow width
cds-snc · Dec 11, 2024 · f455e4d · f455e4d
1 parent e65bb27
commit f455e4d
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/web/src/components/gcds-breadcrumbs/gcds-breadcrumbs-item.css b/packages/web/src/components/gcds-breadcrumbs/gcds-breadcrumbs-item.css
@@ -17,14 +17,13 @@
 
 @layer default {
   :host(.gcds-breadcrumbs-item) {
-    position: relative;
-
     @media screen and (width >= 30rem) {
       margin: var(--gcds-breadcrumbs-item-margin) !important;
     }
 
     &:before {
-      position: relative;
+      display: inline-block;
+      width: 0.375rem;
       content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='12px' viewBox='0 0 8 14'><path fill='26374a' d='M7.7,6.3c0.4,0.4,0.4,1,0,1.4l-6,6c-0.4,0.4-1,0.4-1.4,0s-0.4-1,0-1.4L5.6,7L0.3,1.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0 L7.7,6.3L7.7,6.3z'/></svg>");
       margin: var(--gcds-breadcrumbs-item-arrow-margin);
     }