diff --git a/src/lib/components/chat/Artifacts.svelte b/src/lib/components/chat/Artifacts.svelte
index 9ccc8f417..6054a108f 100644
--- a/src/lib/components/chat/Artifacts.svelte
+++ b/src/lib/components/chat/Artifacts.svelte
@@ -57,12 +57,12 @@
                         <head>
                             <meta charset="UTF-8">
                             <meta name="viewport" content="width=device-width, initial-scale=1.0">
-                            ${cssContent}
 							<${''}style>
 								body {
 									background-color: white; /* Ensure the iframe has a white background */
 								}
 							</${''}style>
+							${cssContent}
                         </head>
                         <body>
                             ${htmlContent}
