code · pull · Feb 27, 2026 · Feb 27, 2026 · Feb 27, 2026 · Feb 27, 2026
diff --git a/apps/web/i18n.lock b/apps/web/i18n.lock
@@ -198,6 +198,7 @@ checksums:
     common/failed_to_copy_to_clipboard: de836a7d628d36c832809252f188f784
     common/failed_to_load_organizations: 512808a2b674c7c28bca73f8f91fd87e
     common/failed_to_load_workspaces: 6ee3448097394517dc605074cd4e6ea4
+    common/filter: 626325a05e4c8800f7ede7012b0cadaf
     common/finish: ffa7a10f71182b48fefed7135bee24fa
     common/first_name: cf040a5d6a9fd696be400380cc99f54b
     common/follow_these: 3a730b242bb17a3f95e01bf0dae86885
@@ -1372,7 +1373,6 @@ checksums:
     environments/surveys/edit/follow_ups_modal_updated_successfull_toast: 61204fada3231f4f1fe3866e87e1130a
     environments/surveys/edit/follow_ups_new: 224c779d252b3e75086e4ed456ba2548
     environments/surveys/edit/follow_ups_upgrade_button_text: 4cd167527fc6cdb5b0bfc9b486b142a8
-    environments/surveys/edit/form_styling: 1278a2db4257b5500474161133acc857
     environments/surveys/edit/formbricks_sdk_is_not_connected: 35165b0cac182a98408007a378cc677e
     environments/surveys/edit/four_points: b289628a6b8a6cd0f7d17a14ca6cd7bf
     environments/surveys/edit/heading: 79e9dfa461f38a239d34b9833ca103f1
@@ -1589,6 +1589,7 @@ checksums:
     environments/surveys/edit/survey_completed_subheading: db537c356c3ab6564d24de0d11a0fee2
     environments/surveys/edit/survey_display_settings: 8ed19e6a8e1376f7a1ba037d82c4ae11
     environments/surveys/edit/survey_placement: 083c10f257337f9648bf9d435b18ec2c
+    environments/surveys/edit/survey_styling: 7f96d6563e934e65687b74374a33b1dc
     environments/surveys/edit/survey_trigger: f0c7014a684ca566698b87074fad5579
     environments/surveys/edit/switch_multi_language_on_to_get_started: cca0ef91ee49095da30cd1e3f26c406f
     environments/surveys/edit/target_block_not_found: 0a0c401017ab32364fec2fcbf815d832

diff --git a/apps/web/locales/de-DE.json b/apps/web/locales/de-DE.json
@@ -1444,7 +1444,6 @@
         "follow_ups_modal_updated_successfull_toast": "Nachverfolgung aktualisiert und wird gespeichert, sobald du die Umfrage speicherst.",
         "follow_ups_new": "Neues Follow-up",
         "follow_ups_upgrade_button_text": "Upgrade, um Follow-ups zu aktivieren",
-        "form_styling": "Umfrage Styling",
         "formbricks_sdk_is_not_connected": "Formbricks SDK ist nicht verbunden",
         "four_points": "4 Punkte",
         "heading": "Überschrift",
@@ -1663,6 +1662,7 @@
         "survey_completed_subheading": "Diese kostenlose und quelloffene Umfrage wurde geschlossen",
         "survey_display_settings": "Einstellungen zur Anzeige der Umfrage",
         "survey_placement": "Platzierung der Umfrage",
+        "survey_styling": "Umfrage Styling",
         "survey_trigger": "Auslöser der Umfrage",
         "switch_multi_language_on_to_get_started": "Aktiviere Mehrsprachigkeit, um loszulegen 👉",
         "target_block_not_found": "Zielblock nicht gefunden",

diff --git a/apps/web/locales/en-US.json b/apps/web/locales/en-US.json
@@ -1444,7 +1444,6 @@
         "follow_ups_modal_updated_successfull_toast": "Follow-up updated and will be saved once you save the survey.",
         "follow_ups_new": "New follow-up",
         "follow_ups_upgrade_button_text": "Upgrade to enable follow-ups",
-        "form_styling": "Form styling",
         "formbricks_sdk_is_not_connected": "Formbricks SDK is not connected",
         "four_points": "4 points",
         "heading": "Heading",
@@ -1663,6 +1662,7 @@
         "survey_completed_subheading": "This free & open-source survey has been closed",
         "survey_display_settings": "Survey Display Settings",
         "survey_placement": "Survey Placement",
+        "survey_styling": "Survey styling",
         "survey_trigger": "Survey Trigger",
         "switch_multi_language_on_to_get_started": "Switch multi-language on to get started 👉",
         "target_block_not_found": "Target block not found",

diff --git a/apps/web/locales/es-ES.json b/apps/web/locales/es-ES.json
@@ -1444,7 +1444,6 @@
         "follow_ups_modal_updated_successfull_toast": "Seguimiento actualizado y se guardará cuando guardes la encuesta.",
         "follow_ups_new": "Nuevo seguimiento",
         "follow_ups_upgrade_button_text": "Actualiza para habilitar seguimientos",
-        "form_styling": "Estilo del formulario",
         "formbricks_sdk_is_not_connected": "El SDK de Formbricks no está conectado",
         "four_points": "4 puntos",
         "heading": "Encabezado",
@@ -1663,6 +1662,7 @@
         "survey_completed_subheading": "Esta encuesta gratuita y de código abierto ha sido cerrada",
         "survey_display_settings": "Ajustes de visualización de la encuesta",
         "survey_placement": "Ubicación de la encuesta",
+        "survey_styling": "Estilo del formulario",
         "survey_trigger": "Activador de la encuesta",
         "switch_multi_language_on_to_get_started": "Activa el modo multiidioma para comenzar 👉",
         "target_block_not_found": "Bloque objetivo no encontrado",

diff --git a/apps/web/locales/fr-FR.json b/apps/web/locales/fr-FR.json
@@ -112,7 +112,6 @@
     "link_expired_description": "Le lien que vous avez utilisé n'est plus valide."
   },
   "common": {
-    "Filter": "Filtrer",
     "accepted": "Accepté",
     "account": "Compte",
     "account_settings": "Paramètres du compte",
@@ -1445,7 +1444,6 @@
         "follow_ups_modal_updated_successfull_toast": "\"Suivi mis à jour et sera enregistré une fois que vous sauvegarderez le sondage.\"",
         "follow_ups_new": "Nouveau suivi",
         "follow_ups_upgrade_button_text": "Passez à la version supérieure pour activer les relances",
-        "form_styling": "Style de formulaire",
         "formbricks_sdk_is_not_connected": "Le SDK Formbricks n'est pas connecté",
         "four_points": "4 points",
         "heading": "En-tête",
@@ -1664,6 +1662,7 @@
         "survey_completed_subheading": "Cette enquête gratuite et open-source a été fermée",
         "survey_display_settings": "Paramètres d'affichage de l'enquête",
         "survey_placement": "Placement de l'enquête",
+        "survey_styling": "Style de formulaire",
         "survey_trigger": "Déclencheur d'enquête",
         "switch_multi_language_on_to_get_started": "Activez le mode multilingue pour commencer 👉",
         "target_block_not_found": "Bloc cible non trouvé",

diff --git a/apps/web/locales/hu-HU.json b/apps/web/locales/hu-HU.json
@@ -1444,7 +1444,6 @@
         "follow_ups_modal_updated_successfull_toast": "A követés frissítve, és akkor lesz elmentve, ha elmenti a kérdőívet.",
         "follow_ups_new": "Új követés",
         "follow_ups_upgrade_button_text": "Magasabb csomagra váltás a követések engedélyezéséhez",
-        "form_styling": "Űrlap stílusának beállítása",
         "formbricks_sdk_is_not_connected": "A Formbricks SDK nincs csatlakoztatva",
         "four_points": "4 pont",
         "heading": "Címsor",
@@ -1663,6 +1662,7 @@
         "survey_completed_subheading": "Ez a szabad és nyílt forráskódú kérdőív le lett zárva",
         "survey_display_settings": "Kérdőív megjelenítésének beállításai",
         "survey_placement": "Kérdőív elhelyezése",
+        "survey_styling": "Űrlap stílusának beállítása",
         "survey_trigger": "Kérdőív aktiválója",
         "switch_multi_language_on_to_get_started": "Kapcsolja be a többnyelvűséget a kezdéshez 👉",
         "target_block_not_found": "A célblokk nem található",

diff --git a/apps/web/locales/ja-JP.json b/apps/web/locales/ja-JP.json
@@ -1444,7 +1444,6 @@
         "follow_ups_modal_updated_successfull_toast": "フォローアップ が 更新され、 アンケートを 保存すると保存されます。",
         "follow_ups_new": "新しいフォローアップ",
         "follow_ups_upgrade_button_text": "フォローアップを有効にするためにアップグレード",
-        "form_styling": "フォームのスタイル",
         "formbricks_sdk_is_not_connected": "Formbricks SDKが接続されていません",
         "four_points": "4点",
         "heading": "見出し",
@@ -1663,6 +1662,7 @@
         "survey_completed_subheading": "この無料のオープンソースフォームは閉鎖されました",
         "survey_display_settings": "フォーム表示設定",
         "survey_placement": "フォームの配置",
+        "survey_styling": "フォームのスタイル",
         "survey_trigger": "フォームのトリガー",
         "switch_multi_language_on_to_get_started": "多言語機能をオンにして開始 👉",
         "target_block_not_found": "対象ブロックが見つかりません",

diff --git a/apps/web/locales/nl-NL.json b/apps/web/locales/nl-NL.json
@@ -1444,7 +1444,6 @@
         "follow_ups_modal_updated_successfull_toast": "Follow-up bijgewerkt en wordt opgeslagen zodra u de enquête opslaat.",
         "follow_ups_new": "Nieuw vervolg",
         "follow_ups_upgrade_button_text": "Upgrade om follow-ups mogelijk te maken",
-        "form_styling": "Vorm styling",
         "formbricks_sdk_is_not_connected": "Formbricks SDK is niet verbonden",
         "four_points": "4 punten",
         "heading": "Rubriek",
@@ -1663,6 +1662,7 @@
         "survey_completed_subheading": "Deze gratis en open source-enquête is gesloten",
         "survey_display_settings": "Enquêteweergave-instellingen",
         "survey_placement": "Enquête plaatsing",
+        "survey_styling": "Vorm styling",
         "survey_trigger": "Enquêtetrigger",
         "switch_multi_language_on_to_get_started": "Schakel meertaligheid in om te beginnen 👉",
         "target_block_not_found": "Doelblok niet gevonden",

diff --git a/apps/web/locales/pt-BR.json b/apps/web/locales/pt-BR.json
@@ -1444,7 +1444,6 @@
         "follow_ups_modal_updated_successfull_toast": "Acompanhamento atualizado e será salvo assim que você salvar a pesquisa.",
         "follow_ups_new": "Novo acompanhamento",
         "follow_ups_upgrade_button_text": "Atualize para habilitar os Acompanhamentos",
-        "form_styling": "Estilização de Formulários",
         "formbricks_sdk_is_not_connected": "O SDK do Formbricks não está conectado",
         "four_points": "4 pontos",
         "heading": "Título",
@@ -1663,6 +1662,7 @@
         "survey_completed_subheading": "Essa pesquisa gratuita e de código aberto foi encerrada",
         "survey_display_settings": "Configurações de Exibição da Pesquisa",
         "survey_placement": "Posicionamento da Pesquisa",
+        "survey_styling": "Estilização de Formulários",
         "survey_trigger": "Gatilho de Pesquisa",
         "switch_multi_language_on_to_get_started": "Ative o modo multilíngue para começar 👉",
         "target_block_not_found": "Bloco de destino não encontrado",

diff --git a/apps/web/locales/pt-PT.json b/apps/web/locales/pt-PT.json
@@ -1444,7 +1444,6 @@
         "follow_ups_modal_updated_successfull_toast": "Seguimento atualizado e será guardado assim que guardar o questionário.",
         "follow_ups_new": "Novo acompanhamento",
         "follow_ups_upgrade_button_text": "Atualize para ativar os acompanhamentos",
-        "form_styling": "Estilo do formulário",
         "formbricks_sdk_is_not_connected": "O SDK do Formbricks não está conectado",
         "four_points": "4 pontos",
         "heading": "Cabeçalho",
@@ -1663,6 +1662,7 @@
         "survey_completed_subheading": "Este inquérito gratuito e de código aberto foi encerrado",
         "survey_display_settings": "Configurações de Exibição do Inquérito",
         "survey_placement": "Colocação do Inquérito",
+        "survey_styling": "Estilo do formulário",
         "survey_trigger": "Desencadeador de Inquérito",
         "switch_multi_language_on_to_get_started": "Ative o modo multilingue para começar 👉",
         "target_block_not_found": "Bloco de destino não encontrado",

diff --git a/apps/web/locales/ro-RO.json b/apps/web/locales/ro-RO.json
@@ -1444,7 +1444,6 @@
         "follow_ups_modal_updated_successfull_toast": "Urmărirea a fost actualizată și va fi salvată odată ce salvați sondajul.",
         "follow_ups_new": "Follow-up nou",
         "follow_ups_upgrade_button_text": "Actualizați pentru a activa urmărările",
-        "form_styling": "Stilizare formular",
         "formbricks_sdk_is_not_connected": "SDK Formbricks nu este conectat",
         "four_points": "4 puncte",
         "heading": "Titlu",
@@ -1663,6 +1662,7 @@
         "survey_completed_subheading": "Acest sondaj gratuit și open-source a fost închis",
         "survey_display_settings": "Setări de afișare a sondajului",
         "survey_placement": "Amplasarea sondajului",
+        "survey_styling": "Stilizare formular",
         "survey_trigger": "Declanșator sondaj",
         "switch_multi_language_on_to_get_started": "Activați opțiunea multi-limbă pentru a începe 👉",
         "target_block_not_found": "Blocul țintă nu a fost găsit",

diff --git a/apps/web/locales/ru-RU.json b/apps/web/locales/ru-RU.json
@@ -112,7 +112,6 @@
     "link_expired_description": "Ссылка, которой вы воспользовались, больше не действительна."
   },
   "common": {
-    "Filter": "Фильтр",
     "accepted": "Принято",
     "account": "Аккаунт",
     "account_settings": "Настройки аккаунта",
@@ -1445,7 +1444,6 @@
         "follow_ups_modal_updated_successfull_toast": "Фоллоу-ап обновлён и будет сохранён после сохранения опроса.",
         "follow_ups_new": "Новый фоллоу-ап",
         "follow_ups_upgrade_button_text": "Обновите тариф для активации фоллоу-апов",
-        "form_styling": "Оформление формы",
         "formbricks_sdk_is_not_connected": "Formbricks SDK не подключён",
         "four_points": "4 балла",
         "heading": "Заголовок",
@@ -1664,6 +1662,7 @@
         "survey_completed_subheading": "Этот бесплатный и открытый опрос был закрыт",
         "survey_display_settings": "Настройки отображения опроса",
         "survey_placement": "Размещение опроса",
+        "survey_styling": "Оформление формы",
         "survey_trigger": "Триггер опроса",
         "switch_multi_language_on_to_get_started": "Включите многоязычный режим, чтобы начать 👉",
         "target_block_not_found": "Целевой блок не найден",

diff --git a/apps/web/locales/sv-SE.json b/apps/web/locales/sv-SE.json
@@ -1444,7 +1444,6 @@
         "follow_ups_modal_updated_successfull_toast": "Uppföljning uppdaterad och sparas när du sparar enkäten.",
         "follow_ups_new": "Ny uppföljning",
         "follow_ups_upgrade_button_text": "Uppgradera för att aktivera uppföljningar",
-        "form_styling": "Formulärstil",
         "formbricks_sdk_is_not_connected": "Formbricks SDK är inte anslutet",
         "four_points": "4 poäng",
         "heading": "Rubrik",
@@ -1663,6 +1662,7 @@
         "survey_completed_subheading": "Denna gratis och öppenkällkodsenkät har stängts",
         "survey_display_settings": "Visningsinställningar för enkät",
         "survey_placement": "Enkätplacering",
+        "survey_styling": "Formulärstil",
         "survey_trigger": "Enkätutlösare",
         "switch_multi_language_on_to_get_started": "Slå på flerspråkighet för att komma igång 👉",
         "target_block_not_found": "Målblock hittades inte",

diff --git a/apps/web/locales/zh-Hans-CN.json b/apps/web/locales/zh-Hans-CN.json
@@ -1444,7 +1444,6 @@
         "follow_ups_modal_updated_successfull_toast": "后续 操作 已 更新， 并且 在 你 保存 调查 后 将 被 保存。",
         "follow_ups_new": "新的跟进",
         "follow_ups_upgrade_button_text": "升级 以启用 跟进",
-        "form_styling": "表单 样式",
         "formbricks_sdk_is_not_connected": "Formbricks SDK 未连接",
         "four_points": "4 分",
         "heading": "标题",
@@ -1663,6 +1662,7 @@
         "survey_completed_subheading": "此 免费 & 开源 调查 已 关闭",
         "survey_display_settings": "调查显示设置",
         "survey_placement": "调查 放置",
+        "survey_styling": "表单 样式",
         "survey_trigger": "调查 触发",
         "switch_multi_language_on_to_get_started": "开启多语言以开始使用 👉",
         "target_block_not_found": "未找到目标区块",

diff --git a/apps/web/locales/zh-Hant-TW.json b/apps/web/locales/zh-Hant-TW.json
@@ -1444,7 +1444,6 @@
         "follow_ups_modal_updated_successfull_toast": "後續 動作 已 更新 並 將 在 你 儲存 調查 後 儲存",
         "follow_ups_new": "新增後續追蹤",
         "follow_ups_upgrade_button_text": "升級以啟用後續追蹤",
-        "form_styling": "表單樣式設定",
         "formbricks_sdk_is_not_connected": "Formbricks SDK 未連線",
         "four_points": "4 分",
         "heading": "標題",
@@ -1663,6 +1662,7 @@
         "survey_completed_subheading": "此免費且開源的問卷已關閉",
         "survey_display_settings": "問卷顯示設定",
         "survey_placement": "問卷位置",
+        "survey_styling": "表單樣式設定",
         "survey_trigger": "問卷觸發器",
         "switch_multi_language_on_to_get_started": "請開啟多語言功能以開始使用 👉",
         "target_block_not_found": "找不到目標區塊",

diff --git a/apps/web/modules/projects/settings/look/loading.tsx b/apps/web/modules/projects/settings/look/loading.tsx
@@ -52,7 +52,7 @@ export const ProjectLookSettingsLoading = () => {
                 <div className="w-full rounded-lg border border-slate-300 bg-white">
                   <div className="flex flex-col p-4">
                     <h2 className="text-sm font-semibold text-slate-700">
-                      {t("environments.surveys.edit.form_styling")}
+                      {t("environments.surveys.edit.survey_styling")}
                     </h2>
                     <p className="mt-1 text-xs text-slate-500">
                       {t("environments.surveys.edit.style_the_question_texts_descriptions_and_input_fields")}
@@ -149,7 +149,7 @@ export const ProjectLookSettingsLoading = () => {
               <div className={cn("absolute bottom-3 h-16 w-16 rounded bg-slate-700 sm:right-3")}></div>
             </div>
           </div>
-          <Button className="pointer-events-none mt-4 animate-pulse cursor-not-allowed bg-slate-200 select-none">
+          <Button className="pointer-events-none mt-4 animate-pulse cursor-not-allowed select-none bg-slate-200">
             {t("common.loading")}
           </Button>
         </div>
@@ -159,7 +159,7 @@ export const ProjectLookSettingsLoading = () => {
         title="Formbricks Signature"
         description="We love your support but understand if you toggle it off.">
         <div className="w-full items-center">
-          <div className="pointer-events-none flex cursor-not-allowed items-center space-x-2 select-none">
+          <div className="pointer-events-none flex cursor-not-allowed select-none items-center space-x-2">
             <Switch id="signature" checked={false} />
             <Label htmlFor="signature">{t("environments.workspace.look.show_powered_by_formbricks")}</Label>
           </div>

diff --git a/apps/web/modules/survey/editor/components/form-styling-settings.tsx b/apps/web/modules/survey/editor/components/form-styling-settings.tsx
@@ -67,7 +67,7 @@ export const FormStylingSettings = ({
 
           <div>
             <p className={cn("font-semibold text-slate-800", isSettingsPage ? "text-sm" : "text-base")}>
-              {t("environments.surveys.edit.form_styling")}
+              {t("environments.surveys.edit.survey_styling")}
             </p>
             <p className={cn("mt-1 text-slate-500", isSettingsPage ? "text-xs" : "text-sm")}>
               {t("environments.surveys.edit.style_the_question_texts_descriptions_and_input_fields")}

diff --git a/apps/web/playwright/survey-styling.spec.ts b/apps/web/playwright/survey-styling.spec.ts
@@ -50,8 +50,8 @@ test.describe("Survey Styling", async () => {
       await addCustomStyles.click();
     }
 
-    // --- Form styling ---
-    await openAccordion(page, "Form styling");
+    // --- Survey styling ---
+    await openAccordion(page, "Survey styling");
 
     // 1. Headlines & Descriptions
     await openAccordion(page, "Headlines & Descriptions");
@@ -182,7 +182,7 @@ test.describe("Survey Styling", async () => {
     }
 
     // Set some non-color properties BEFORE suggesting colors, so we can verify they aren't overwritten
-    await openAccordion(page, "Form styling");
+    await openAccordion(page, "Survey styling");
     await openAccordion(page, "Inputs");
     await setDimension(page, "Border Radius", "12");
     await setDimension(page, "Padding Y", "20");
@@ -341,7 +341,7 @@ test.describe("Survey Styling", async () => {
     }
 
     // Apply Overrides
-    await openAccordion(page, "Form styling");
+    await openAccordion(page, "Survey styling");
     await openAccordion(page, "Headlines & Descriptions");
 
     // Override Headline Color (Blue)

diff --git a/docs/images/xm-and-surveys/core-features/styling-theme/form-css-styling.webp b/docs/images/xm-and-surveys/core-features/styling-theme/form-css-styling.webp