diff --git a/src/html/layout.tsx b/src/html/layout.tsx
index 814313c..0d5c1a7 100644
--- a/src/html/layout.tsx
+++ b/src/html/layout.tsx
@@ -2,14 +2,11 @@ import { environment } from '../environment'
import { ReadyUpDialog } from '../queue/views/html/ready-up-dialog'
import Html from '@kitajs/html'
import { FlashMessages } from './components/flash-messages'
-import { bundle } from './bundle'
import { resolve } from 'path'
import { requestContext } from '@fastify/request-context'
import { embed } from './embed'
-const mainCss = await bundle(resolve(import.meta.dirname, 'styles', 'main.css'))
-
-export function Layout(
+export async function Layout(
props?: Html.PropsWithChildren<{
title?: string
embedStyle?: string
@@ -38,6 +35,8 @@ export function Layout(
)
}
+ const safeCss = await embed(resolve(import.meta.dirname, 'styles', 'main.css'))
+
return (
<>
@@ -46,7 +45,7 @@ export function Layout(
-
+
{title}