From f455e4dd38263cb9bea787f2d2c207ddf0df95b3 Mon Sep 17 00:00:00 2001
From: Melanie Boeckmann <melanie.bockmann@gmail.com>
Date: Wed, 11 Dec 2024 15:39:41 -0800
Subject: [PATCH] fix: breadcrumbs item arrow display (#706)

fix: breadcrumbs item arrow width
---
 .../components/gcds-breadcrumbs/gcds-breadcrumbs-item.css    | 5 ++---
 1 file changed, 2 insertions(+), 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
index 6e93b7a10..848da1115 100644
--- 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);
     }