diff --git a/projects/element-ng/breadcrumb/si-breadcrumb.component.html b/projects/element-ng/breadcrumb/si-breadcrumb.component.html
index bc02cc296f..f9579f36f2 100644
--- a/projects/element-ng/breadcrumb/si-breadcrumb.component.html
+++ b/projects/element-ng/breadcrumb/si-breadcrumb.component.html
@@ -80,16 +80,14 @@
 </ng-template>
 
 <ng-template #toggleTemplate let-item="item" let-title="title" siBreadcrumbItemTemplate>
-  <div
-    class="breadcrumb-dropdown-toggle link"
-    role="button"
+  <button
+    type="button"
+    class="btn btn-link"
     aria-haspopup="true"
-    tabindex="0"
     [attr.aria-controls]="controlId + item.level"
     [attr.aria-expanded]="breadcrumbDropdownOpen === item.level"
-    (keydown.enter)="toggleBreadcrumbDropdown(item.level)"
     (click)="toggleBreadcrumbDropdown(item.level)"
-    >{{ title }}...</div
+    >{{ title }}...</button
   >
 </ng-template>
 
diff --git a/projects/element-ng/breadcrumb/si-breadcrumb.component.scss b/projects/element-ng/breadcrumb/si-breadcrumb.component.scss
index 60cb0bf86c..d4391af193 100644
--- a/projects/element-ng/breadcrumb/si-breadcrumb.component.scss
+++ b/projects/element-ng/breadcrumb/si-breadcrumb.component.scss
@@ -19,10 +19,6 @@
   margin-inline: 0;
 }
 
-.breadcrumb-dropdown-toggle {
-  cursor: pointer;
-}
-
 // overwrite some of Bootstrap's dropdown styling
 .dropdown-item {
   &.active,