🐛 Fix custom CSS initialization

Initializing in its own <style> element to allow import statements
2023-02-10 08:40:54 +01:00
parent 5e358caee2
commit c386bb5a08
1 changed files with 8 additions and 6 deletions
--- 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 }}