From 48e2026ef07f57281efcbe14b31a9e1ec3efc10b Mon Sep 17 00:00:00 2001
From: Matthias Nannt <mail@matthiasnannt.com>
Date: Fri, 31 Mar 2023 17:38:00 +0200
Subject: [PATCH] fix font in widget not showing in darkmode

---
 packages/js/package.json                  | 2 +-
 packages/js/src/components/Modal.tsx      | 2 +-
 packages/js/src/components/SurveyView.tsx | 6 +++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/js/package.json b/packages/js/package.json
index 7db562e9ef..84549699a3 100644
--- a/packages/js/package.json
+++ b/packages/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@formbricks/js",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "",
   "source": "src/index.ts",
   "main": "./dist/index.cjs",
diff --git a/packages/js/src/components/Modal.tsx b/packages/js/src/components/Modal.tsx
index 4dd6877164..169bd67d14 100644
--- a/packages/js/src/components/Modal.tsx
+++ b/packages/js/src/components/Modal.tsx
@@ -33,7 +33,7 @@ export default function Modal({
             <button
               type="button"
               onClick={close}
-              class="fb-rounded-md fb-bg-white focus:fb-outline-none focus:fb-ring-2 focus:fb-ring-offset-2 text-slate-400 hover:text-slate-500 focus:ring-slate-500">
+              class="fb-rounded-md fb-bg-white focus:fb-outline-none focus:fb-ring-2 focus:fb-ring-offset-2 fb-text-slate-400 hover:fb-text-slate-500 focus:ring-slate-500">
               <span class="fb-sr-only">Close</span>
               <svg
                 class="fb-h-6 fb-w-6"
diff --git a/packages/js/src/components/SurveyView.tsx b/packages/js/src/components/SurveyView.tsx
index 6415a8d080..f9fa5c612e 100644
--- a/packages/js/src/components/SurveyView.tsx
+++ b/packages/js/src/components/SurveyView.tsx
@@ -69,7 +69,11 @@ export default function SurveyView({ config, survey, close, brandColor }: Survey
 
   return (
     <div>
-      <div className={cn(loadingElement ? "fb-animate-pulse fb-opacity-60" : "", "fb-p-4")}>
+      <div
+        className={cn(
+          loadingElement ? "fb-animate-pulse fb-opacity-60" : "",
+          "fb-p-4 fb-text-slate-800 fb-font-sans"
+        )}>
         {currentQuestion.type === "multipleChoiceSingle" ? (
           <MultipleChoiceSingleQuestion
             question={currentQuestion}