diff --git a/semcore/breadcrumbs/src/style/breadcrumbs.shadow.css b/semcore/breadcrumbs/src/style/breadcrumbs.shadow.css
index 7758ddc368..1c9d4b5099 100644
--- a/semcore/breadcrumbs/src/style/breadcrumbs.shadow.css
+++ b/semcore/breadcrumbs/src/style/breadcrumbs.shadow.css
@@ -3,13 +3,13 @@ SBreadcrumbs {
   align-items: center;
   padding: 0;
   margin: 0;
+  gap: var(--intergalactic-spacing-content-gap-large, 8px);
 
   SListContainer {
     display: contents;
     list-style: none;
 
     SSeparator {
-      margin: 0 var(--intergalactic-spacing-2x, 8px);
       color: var(--intergalactic-icon-secondary-neutral, oklch(0.118 0.023 170.1 / 0.262));
       display: flex;
 
diff --git a/website/docs/style/design-tokens/design-tokens.json b/website/docs/style/design-tokens/design-tokens.json
index aeb7d6200a..9f0d19997e 100644
--- a/website/docs/style/design-tokens/design-tokens.json
+++ b/website/docs/style/design-tokens/design-tokens.json
@@ -3455,6 +3455,7 @@
     "value": "8px",
     "description": "Large gap between content elements inside controls, rows, or columns.",
     "components": [
+      "breadcrumbs",
       "button",
       "checkbox",
       "date-picker",