Hi everyone,
I recently applied the Simple eCommerce and CMS templates using the directus-template-cli on a fresh Directus 11/12 installation.
Since the import, I am experiencing a persistent UI bug where the module name (“Content”) is misaligned and overlaps with the collection titles (like “Pages”, “Orders”, or “Products”) at the top of the page. It seems like the header layout is broken.
What I’ve tried so far:
-
Hard refresh (Ctrl+F5).
-
Logging out and back in.
-
Checking in Incognito mode.
-
Moving collections into Groups/Folders.
Even after these steps, the overlap remains visible across all collections within the Content module.
Environment:
-
Directus Version: Latest (v11/v12)
-
Deployment: Self-hosted on VPS
-
Templates applied: Simple eCommerce & CMS (via Directus Labs CLI)
Has anyone else seen this after applying multiple templates? Is there a specific CSS override or a project setting I should check to reset the header layout?
Thx
