🐛 Fix custom CSS initialization

Initializing in its own <style> element to allow import statements
baptisteArno · Feb 10, 2023 · c386bb5 · c386bb5 · vercel · Feb 10, 2023
1 parent 5e358ca
commit c386bb5
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/packages/bot-engine/src/components/TypebotViewer.tsx b/packages/bot-engine/src/components/TypebotViewer.tsx
@@ -74,12 +74,14 @@ export const TypebotViewer = ({
     <Frame
       id="typebot-iframe"
       head={
-        <style>
-          {phoneSyle}
-          {styles}
-          {typebot.theme?.customCss}
-          {importantStyles}
-        </style>
+        <>
+          <style>
+            {phoneSyle}
+            {styles}
+          </style>
+          <style>{typebot.theme?.customCss}</style>
+          <style>{importantStyles}</style>
+        </>
       }
       name="Typebot viewer"
       style={{ width: '100%', height: '100%', border: 'none', ...style }}