From 3c0a07591dec523151db79d44872d81aa9fa743d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krzysztof=20Zi=C4=99cina?= <kziecina@airnauts.com>
Date: Thu, 1 Feb 2024 16:59:08 +0100
Subject: [PATCH] fix: align multiselect questions with design (#3842)

---
 shared-helpers/src/views/multiselectQuestions.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/shared-helpers/src/views/multiselectQuestions.tsx b/shared-helpers/src/views/multiselectQuestions.tsx
index 43234ba2aa..3d9c822430 100644
--- a/shared-helpers/src/views/multiselectQuestions.tsx
+++ b/shared-helpers/src/views/multiselectQuestions.tsx
@@ -221,8 +221,8 @@ export const getCheckboxOption = (
 ) => {
   const optionFieldName = fieldName(question.text, applicationSection, option.text)
   return (
-    <div className={`mb-5 ${option.ordinal !== 1 ? "border-t pt-5" : ""}`} key={option.text}>
-      <div className={`mb-5 field ${resolveObject(optionFieldName, errors) ? "error" : ""}`}>
+    <div className={`mb-3 ${option.ordinal !== 1 ? "pt-3" : ""}`} key={option.text}>
+      <div className={`mb-3 field ${resolveObject(optionFieldName, errors) ? "error" : ""}`}>
         {getCheckboxField(
           option,
           question,
@@ -237,7 +237,7 @@ export const getCheckboxOption = (
         )}
       </div>
       {option.description && (
-        <div className="ml-8 -mt-5 mb-5">
+        <div className="ml-8 -mt-3 mb-3">
           <ExpandableContent strings={{ readMore: t("t.readMore"), readLess: t("t.readLess") }}>
             <p className="field-note mb-2">
               {option.description}