From fa72296de517f6906dcfb1ab0283d108030568d0 Mon Sep 17 00:00:00 2001
From: Dhruwang Jariwala <67850763+Dhruwang@users.noreply.github.com>
Date: Tue, 24 Feb 2026 19:04:48 +0530
Subject: [PATCH] fix: error state for multi select question (#7335)

---
 .../survey-ui/src/components/elements/multi-select.tsx    | 8 ++++----
 .../survey-ui/src/components/elements/single-select.tsx   | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/survey-ui/src/components/elements/multi-select.tsx b/packages/survey-ui/src/components/elements/multi-select.tsx
index e9cfa1ef85..57359c39c3 100644
--- a/packages/survey-ui/src/components/elements/multi-select.tsx
+++ b/packages/survey-ui/src/components/elements/multi-select.tsx
@@ -141,18 +141,18 @@ function DropdownVariant({
   };
 
   return (
-    <div className="space-y-2">
+    <div>
       <ElementError errorMessage={errorMessage} dir={dir} />
       <DropdownMenu>
         <DropdownMenuTrigger asChild>
           <Button
             variant="outline"
             disabled={disabled}
-            className="rounded-input bg-option-bg rounded-option border-option-border h-input my-0 w-full justify-between border"
+            className="rounded-input min-h-input bg-input-bg border-input-border text-input-text py-input-y px-input-x w-full justify-between"
             aria-invalid={Boolean(errorMessage)}
             aria-label={headline}>
             <span className="font-input font-input-weight text-input-text truncate">{displayText}</span>
-            <ChevronDown className="label-headline ml-2 h-4 w-4 shrink-0 opacity-50" />
+            <ChevronDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
           </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent
@@ -235,7 +235,7 @@ function DropdownVariant({
           disabled={disabled}
           aria-required={required}
           dir={dir}
-          className="w-full"
+          className="mt-2 w-full"
         />
       ) : null}
     </div>
diff --git a/packages/survey-ui/src/components/elements/single-select.tsx b/packages/survey-ui/src/components/elements/single-select.tsx
index 255b4a3f80..a0719b99ea 100644
--- a/packages/survey-ui/src/components/elements/single-select.tsx
+++ b/packages/survey-ui/src/components/elements/single-select.tsx
@@ -151,7 +151,7 @@ function SingleSelect({
       />
 
       {/* Options */}
-      <div className="space-y-2">
+      <div>
         {variant === "dropdown" ? (
           <>
             <ElementError errorMessage={errorMessage} dir={dir} />
@@ -160,11 +160,11 @@ function SingleSelect({
                 <Button
                   variant="outline"
                   disabled={disabled}
-                  className="rounded-input bg-option-bg rounded-option border-option-border h-input my-0 w-full justify-between border"
+                  className="rounded-input min-h-input bg-input-bg border-input-border text-input-text py-input-y px-input-x w-full justify-between"
                   aria-invalid={Boolean(errorMessage)}
                   aria-label={headline}>
                   <span className="font-input font-input-weight text-input-text truncate">{displayText}</span>
-                  <ChevronDown className="label-headline ml-2 h-4 w-4 shrink-0 opacity-50" />
+                  <ChevronDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
                 </Button>
               </DropdownMenuTrigger>
               <DropdownMenuContent
@@ -226,7 +226,7 @@ function SingleSelect({
                 placeholder={otherOptionPlaceholder}
                 disabled={disabled}
                 dir={dir}
-                className="w-full"
+                className="mt-2 w-full"
               />
             ) : null}
           </>