fix: add inline <head><style> to ensure the order of declared css layers as much as possible (#9123)

Should help alleviate some problems outlined in https://github.com/payloadcms/payload/issues/8878
2024-11-13 12:49:38 -06:00
parent 9da85430a5
commit cd95daf029
1 changed files with 3 additions and 0 deletions
--- a/packages/next/src/layouts/Root/index.tsx
+++ b/packages/next/src/layouts/Root/index.tsx
@@ -141,6 +141,9 @@ export const RootLayout = async ({

  return (
    <html data-theme={theme} dir={dir} lang={languageCode}>
+      <head>
+        <style>{`@layer payload-default, payload;`}</style>
+      </head>
      <body>
        <RootProvider
          config={clientConfig}