diff --git a/src/ui/Breadcrumbs/Breadcrumbs.jsx b/src/ui/Breadcrumbs/Breadcrumbs.jsx
index 1edef71f74..969da76770 100644
--- a/src/ui/Breadcrumbs/Breadcrumbs.jsx
+++ b/src/ui/Breadcrumbs/Breadcrumbs.jsx
@@ -11,7 +11,7 @@ import { Breadcrumb, Container, Image, Segment } from 'semantic-ui-react';
 import homeIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/home-icon.svg';
 
 const Breadcrumbs = ({ root, sections = [], icon, size = 'tiny' }) => {
-  return (
+  return sections.length > 0 ? (
     <Segment
       role="navigation"
       aria-label={'breadcrumbs'}
@@ -23,22 +23,23 @@ const Breadcrumbs = ({ root, sections = [], icon, size = 'tiny' }) => {
           <Link to={root || '/'} className="section" title={'Home'}>
             <Image src={homeIcon} alt="home" />
           </Link>
-          {sections.length > 0 &&
-            sections.map((item, index, items) => [
-              <Breadcrumb.Divider icon={icon} key={`divider-${item.href}`} />,
-              index < items.length - 1 ? (
-                <Link key={item.key} to={item.href} className="section">
-                  {item.title}
-                </Link>
-              ) : (
-                <Breadcrumb.Section key={item.key} active>
-                  {item.title}
-                </Breadcrumb.Section>
-              ),
-            ])}
+          {sections.map((item, index, items) => [
+            <Breadcrumb.Divider icon={icon} key={`divider-${item.href}`} />,
+            index < items.length - 1 ? (
+              <Link key={item.key} to={item.href} className="section">
+                {item.title}
+              </Link>
+            ) : (
+              <Breadcrumb.Section key={item.key} active>
+                {item.title}
+              </Breadcrumb.Section>
+            ),
+          ])}
         </Breadcrumb>
       </Container>
     </Segment>
+  ) : (
+    ''
   );
 };