diff --git a/package-lock.json b/package-lock.json
index e00a2b486..1779d4a4f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2818,9 +2818,9 @@
       "link": true
     },
     "node_modules/@cdssnc/gcds-tokens": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@cdssnc/gcds-tokens/-/gcds-tokens-2.0.0.tgz",
-      "integrity": "sha512-YIClzyhIBVceRFPsk8jbGJ72tLCGeLfVXKw77r9ZkCG6oK6tg8VVYGH65owmeVV7DW9S7A4tVjze3KJ8bdB22Q==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@cdssnc/gcds-tokens/-/gcds-tokens-2.0.1.tgz",
+      "integrity": "sha512-vX7WKvFd8yawpSw+bibMwxLTcwZe74c9IZ3IuwPR+EgTQD38U3g7uYO4l1zmacHNKMoQ8H0D9OqyJCsubMywzQ==",
       "dev": true
     },
     "node_modules/@cnakazawa/watch": {
@@ -44165,7 +44165,7 @@
         "@babel/core": "^7.20.12",
         "@babel/preset-env": "^7.20.2",
         "@babel/preset-typescript": "^7.21.0",
-        "@cdssnc/gcds-tokens": "^2.0.0",
+        "@cdssnc/gcds-tokens": "^2.0.1",
         "@fortawesome/fontawesome-free": "^6.3.0",
         "@stencil/angular-output-target": "file:../../utils/angular-output-target",
         "@stencil/postcss": "^2.1.0",
diff --git a/packages/web/package.json b/packages/web/package.json
index c91411c16..2f55abbe5 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -45,7 +45,7 @@
     "@babel/core": "^7.20.12",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-typescript": "^7.21.0",
-    "@cdssnc/gcds-tokens": "^2.0.0",
+    "@cdssnc/gcds-tokens": "^2.0.1",
     "@fortawesome/fontawesome-free": "^6.3.0",
     "@stencil/angular-output-target": "file:../../utils/angular-output-target",
     "@stencil/postcss": "^2.1.0",
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 b137a4223..6e93b7a10 100644
--- a/packages/web/src/components/gcds-breadcrumbs/gcds-breadcrumbs-item.css
+++ b/packages/web/src/components/gcds-breadcrumbs/gcds-breadcrumbs-item.css
@@ -18,7 +18,10 @@
 @layer default {
   :host(.gcds-breadcrumbs-item) {
     position: relative;
-    margin: var(--gcds-breadcrumbs-item-margin) !important;
+
+    @media screen and (width >= 30rem) {
+      margin: var(--gcds-breadcrumbs-item-margin) !important;
+    }
 
     &:before {
       position: relative;
@@ -30,7 +33,7 @@
 
 /* Note: mobile specific style decision */
 @layer mobile {
-  @media screen and (max-width: 30rem) {
+  @media screen and (width < 30rem) {
     :host(.gcds-breadcrumbs-item) {
       display: block;
       margin: var(--gcds-breadcrumbs-mobile-item-margin) !important;