diff --git a/x-pack/plugins/code/public/components/main/breadcrumb.tsx b/x-pack/plugins/code/public/components/main/breadcrumb.tsx
index 035b6b6a628b3..c6fc548eabb11 100644
--- a/x-pack/plugins/code/public/components/main/breadcrumb.tsx
+++ b/x-pack/plugins/code/public/components/main/breadcrumb.tsx
@@ -17,7 +17,7 @@ export class Breadcrumb extends React.PureComponent<Props> {
     const { resource, org, repo, revision, path } = this.props.routeParams;
     const repoUri = `${resource}/${org}/${repo}`;
 
-    const breadcrumbs: Array<{ text: string; href: string }> = [];
+    const breadcrumbs: Array<{ text: string; href: string; className?: string }> = [];
     const pathSegments = path ? path.split('/') : [];
 
     pathSegments.forEach((p, index) => {
@@ -26,6 +26,7 @@ export class Breadcrumb extends React.PureComponent<Props> {
       breadcrumbs.push({
         text: p,
         href,
+        className: 'code-no-min-width',
       });
     });
     return <EuiBreadcrumbs max={Number.MAX_VALUE} breadcrumbs={breadcrumbs} />;
diff --git a/x-pack/plugins/code/public/components/main/main.scss b/x-pack/plugins/code/public/components/main/main.scss
index c58fea6e1e51f..fe5b0b0c6029e 100644
--- a/x-pack/plugins/code/public/components/main/main.scss
+++ b/x-pack/plugins/code/public/components/main/main.scss
@@ -265,3 +265,7 @@
 .codeIcon__language {
   fill: $euiColorDarkestShade;
 }
+
+.code-no-min-width {
+  min-width: unset !important;
+}