diff --git a/src/components/breadcrumb-item/breadcrumb-item.test.ts b/src/components/breadcrumb-item/breadcrumb-item.test.ts
index 0e9e0f43e..34893de91 100644
--- a/src/components/breadcrumb-item/breadcrumb-item.test.ts
+++ b/src/components/breadcrumb-item/breadcrumb-item.test.ts
@@ -166,7 +166,7 @@ describe('<wa-breadcrumb-item>', () => {
       await expect(el).to.be.accessible();
       expect(el.shadowRoot!.querySelector('a')).to.be.null;
       expect(el.shadowRoot!.querySelector('button')).to.be.null;
-      expect(el.shadowRoot!.querySelector('div.breadcrumb-item__label--drop-down')).not.to.be.null;
+      expect(el.shadowRoot!.querySelector('.breadcrumb-item__label--dropdown')).not.to.be.null;
     });
   });
 });
diff --git a/src/components/breadcrumb-item/breadcrumb-item.ts b/src/components/breadcrumb-item/breadcrumb-item.ts
index c68d41956..b393c422f 100644
--- a/src/components/breadcrumb-item/breadcrumb-item.ts
+++ b/src/components/breadcrumb-item/breadcrumb-item.ts
@@ -47,7 +47,7 @@ export default class WaBreadcrumbItem extends WebAwesomeElement {
 
   private setRenderType() {
     const hasDropdown =
-      this.defaultSlot.assignedElements({ flatten: true }).filter(i => i.tagName.toLowerCase() === 'sl-dropdown')
+      this.defaultSlot.assignedElements({ flatten: true }).filter(i => i.tagName.toLowerCase() === 'wa-dropdown')
         .length > 0;
 
     if (this.href) {
@@ -101,7 +101,7 @@ export default class WaBreadcrumbItem extends WebAwesomeElement {
           : ''}
         ${this.renderType === 'dropdown'
           ? html`
-              <div part="label" class="breadcrumb-item__label breadcrumb-item__label--drop-down">
+              <div part="label" class="breadcrumb-item__label breadcrumb-item__label--dropdown">
                 <slot @slotchange=${this.handleSlotChange}></slot>
               </div>
             `