diff --git a/wagtail/contrib/modeladmin/static_src/wagtailmodeladmin/scss/breadcrumbs_page.scss b/wagtail/contrib/modeladmin/static_src/wagtailmodeladmin/scss/breadcrumbs_page.scss
index c7ce98fd1b..3c71f50a8c 100644
--- a/wagtail/contrib/modeladmin/static_src/wagtailmodeladmin/scss/breadcrumbs_page.scss
+++ b/wagtail/contrib/modeladmin/static_src/wagtailmodeladmin/scss/breadcrumbs_page.scss
@@ -1,12 +1,9 @@
 @import '../../../../../../client/scss/settings';
 @import '../../../../../../client/scss/tools';
 
-.breadcrumb {
-  margin: -1.2em 0 2em;
-}
-
-@include media-breakpoint-up(sm) {
+@include media-breakpoint-down(sm) {
   .breadcrumb {
-    margin-top: -1.8em;
+    margin-inline-start: 30px;
+    margin-inline-end: -20px;
   }
 }
diff --git a/wagtail/contrib/modeladmin/templates/modeladmin/includes/header_with_breadcrumb.html b/wagtail/contrib/modeladmin/templates/modeladmin/includes/header_with_breadcrumb.html
index 9731ce9384..137e5e6e00 100644
--- a/wagtail/contrib/modeladmin/templates/modeladmin/includes/header_with_breadcrumb.html
+++ b/wagtail/contrib/modeladmin/templates/modeladmin/includes/header_with_breadcrumb.html
@@ -1,5 +1,4 @@
-{% extends "wagtailadmin/shared/header_with_locale_selector.html" %}
-
-{% block breadcrumb %}
+<div class="nice-padding">
     {% include "modeladmin/includes/breadcrumb.html" %}
-{% endblock %}
+</div>
+{% include "wagtailadmin/shared/header_with_locale_selector.html" %}