Edit apps/web/app/(app)/environments/[environmentId]/surveys/components/Modal.tsx

apps/web/app/(app)/environments/[environmentId]/surveys/components/Modal.tsx

@@ -58,19 +58,19 @@ export default function Modal({
     };
   };
 
-  const scalingClasses = calculateScaling();
-
-  useEffect(() => {
-    const handleResize = () => setWindowWidth(window.innerWidth);
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-
+  const scalingClasses = useMemo(() => calculateScaling(), [windowWidth, previewMode]);
+  
   const highlightBorderColorStyle = useMemo(() => {
     if (!highlightBorderColor)
       return {
         overflow: "auto",
       };
+  
+    return {
+      border: `2px solid ${highlightBorderColor}`,
+      overflow: "auto",
+    };
+  }, [highlightBorderColor]);
 
     return {
       border: `2px solid ${highlightBorderColor}`,

packages/surveys/tailwind.config.js

@@ -32,7 +32,7 @@ module.exports = {
         "close-button-focus": "var(--fb-close-btn-hover-color)",
       },
       borderRadius: {
-        fbBorderRadius: "var(--fb-border-radius)",
+        custom: "var(--fb-border-radius)",
       },
       zIndex: {
         999999: "999999",