diff --git a/src/app/breadcrumbs/breadcrumbs.component.scss b/src/app/breadcrumbs/breadcrumbs.component.scss
index a4d83b82ea7..52634f2a5b6 100644
--- a/src/app/breadcrumbs/breadcrumbs.component.scss
+++ b/src/app/breadcrumbs/breadcrumbs.component.scss
@@ -5,8 +5,8 @@
 .breadcrumb {
   border-radius: 0;
   margin-top: calc(-1 * var(--ds-content-spacing));
-  padding-bottom: var(--ds-content-spacing / 3);
-  padding-top: var(--ds-content-spacing / 3);
+  padding-bottom: calc(var(--ds-content-spacing) / 3);
+  padding-top: calc(var(--ds-content-spacing) / 3);
   background-color: var(--ds-breadcrumb-bg);
 }