diff --git a/apps/client/src/layouts/desktop_layout.tsx b/apps/client/src/layouts/desktop_layout.tsx
index 725e050ba..8cef9fe2a 100644
--- a/apps/client/src/layouts/desktop_layout.tsx
+++ b/apps/client/src/layouts/desktop_layout.tsx
@@ -122,6 +122,7 @@ export default class DesktopLayout {
                                                                 .css("height", "30px")
                                                                 .css("min-height", "30px")
                                                                 .css("align-items", "center")
+                                                                .css("padding", "10px")
                                                                 .cssBlock(".breadcrumb-row > * { margin: 5px; }")
                                                                 .child(<Breadcrumb />)
                                                                 .child(<SpacerWidget baseSize={0} growthFactor={1} />)
diff --git a/apps/client/src/widgets/Breadcrumb.css b/apps/client/src/widgets/Breadcrumb.css
index 7a78982b2..9739f33db 100644
--- a/apps/client/src/widgets/Breadcrumb.css
+++ b/apps/client/src/widgets/Breadcrumb.css
@@ -4,8 +4,8 @@
 
 .component.breadcrumb {
     contain: none;
-    margin: 0 10px;
     display: flex;
+    margin: 0;
     align-items: center;
     font-size: 0.9em;
     gap: 0.25em;