diff --git a/public/app/core/components/Breadcrumbs/BreadcrumbItem.tsx b/public/app/core/components/Breadcrumbs/BreadcrumbItem.tsx
index 31b0f131905..4b7bb92c551 100644
--- a/public/app/core/components/Breadcrumbs/BreadcrumbItem.tsx
+++ b/public/app/core/components/Breadcrumbs/BreadcrumbItem.tsx
@@ -71,9 +71,10 @@ const getStyles = (theme: GrafanaTheme2) => {
       color: theme.colors.text.primary,
       display: 'flex',
       flex: 1,
+      gap: theme.spacing(0.5),
       minWidth: 0,
       maxWidth: 'max-content',
-      padding: theme.spacing(0.5, 0.5),
+      padding: theme.spacing(0.5, 0, 0.5, 0.5),
 
       // logic for small screens
       // hide any breadcrumbs that aren't the second to last child (the parent)