From 1175805e9b8b099c485166477a51337b99b9a807 Mon Sep 17 00:00:00 2001
From: HighImKevin <kevinjohncampbell@gmail.com>
Date: Sun, 18 Oct 2026 12:44:05 -0400
Subject: [PATCH] Fix breadcrumbs causing misalignment of header on mobile
 layout with modern ui

---
 scripts/breadcrumbNav.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/scripts/breadcrumbNav.css b/scripts/breadcrumbNav.css
index 6fad653..5267e7c 100644
--- a/scripts/breadcrumbNav.css
+++ b/scripts/breadcrumbNav.css
@@ -141,8 +141,9 @@
 	max-width: initial !important;
 	white-space: nowrap;
 }
-.MuiToolbar-root:has(.kefinTweaks-breadcrumbs-wrapper) {
-	display: grid;
-	grid-template-columns: auto 1fr auto;
-	grid-template-rows: 1fr auto;
+header > .MuiToolbar-root:has(.kefinTweaks-breadcrumbs-wrapper) {
+	flex-wrap: wrap;
+}
+header > .MuiToolbar-root:has(.kefinTweaks-breadcrumbs-wrapper) #kefinTweaks-breadcrumbs-wrapper {
+	width: 100%;
 }