diff --git a/src/components/breadcrumbs/breadcrumbs.tsx b/src/components/breadcrumbs/breadcrumbs.tsx
index 80bfe15b7c..015b91a533 100644
--- a/src/components/breadcrumbs/breadcrumbs.tsx
+++ b/src/components/breadcrumbs/breadcrumbs.tsx
@@ -272,23 +272,18 @@ export const OuiBreadcrumbs: FunctionComponent<OuiBreadcrumbsProps> = ({
         </OuiInnerText>
       );
 
-    const breadcrumbWallClasses = isFirstBreadcrumb
-      ? classNames('ouiBreadcrumbWall', {
-          'ouiBreadcrumbWall--single': isLastBreadcrumb,
-        })
-      : breadcrumbWrapperClasses;
-
-    const wrapper = (
-      <div className={breadcrumbWallClasses}>
-        {isFirstBreadcrumb ? (
-          <div className={breadcrumbWrapperClasses}>{link}</div>
-        ) : (
-          link
-        )}
-      </div>
+    const breadcrumbWallClasses = classNames('ouiBreadcrumbWall', {
+      'ouiBreadcrumbWall--single': isFirstBreadcrumb && isLastBreadcrumb,
+    });
+
+    const wrapper = <div className={breadcrumbWrapperClasses}>{link}</div>;
+    const wall = isFirstBreadcrumb ? (
+      <div className={breadcrumbWallClasses}>{wrapper}</div>
+    ) : (
+      wrapper
     );
 
-    return <Fragment key={index}>{wrapper}</Fragment>;
+    return <Fragment key={index}>{wall}</Fragment>;
   });
 
   // Use the default object if they simply passed `true` for responsive