diff --git a/changelog/unreleased/enhancement-breadcrumb-context-menu-alignment b/changelog/unreleased/enhancement-breadcrumb-context-menu-alignment
new file mode 100644
index 000000000..08454d54e
--- /dev/null
+++ b/changelog/unreleased/enhancement-breadcrumb-context-menu-alignment
@@ -0,0 +1,6 @@
+Enhancement: Align breadcrumb context menu with regular context menu
+
+We've aligned the breadcrumb context menu visually to match with the regular context menu in the files table.
+
+https://github.com/owncloud/owncloud-design-system/pull/2296
+https://github.com/owncloud/web/issues/7493
diff --git a/src/components/molecules/OcBreadcrumb/OcBreadcrumb.vue b/src/components/molecules/OcBreadcrumb/OcBreadcrumb.vue
index 47e155642..84f0b93cc 100644
--- a/src/components/molecules/OcBreadcrumb/OcBreadcrumb.vue
+++ b/src/components/molecules/OcBreadcrumb/OcBreadcrumb.vue
@@ -193,9 +193,6 @@ export default {
       display: inline;
     }
 
-    > li a,
-    > li button,
-    > li span,
     > :nth-child(n + 2)::before {
       color: var(--oc-color-text-default);
       display: inline-block;
@@ -216,10 +213,14 @@ export default {
 
   /* stylelint-disable */
   &-list-item {
-    a,
-    button,
-    span {
+    a:first-of-type,
+    button:first-of-type,
+    span:first-of-type {
       font-size: var(--oc-font-size-medium);
+      color: var(--oc-color-text-default);
+      display: inline-block;
+      vertical-align: middle;
+      line-height: normal;
     }
   }