fix: fixed style for label and description (#3847)

* fixed style for label and description

* refactor

* refactor

Author: JamalAlabdullah

src/layout/MultipleSelect/MultipleSelectComponent.module.css

@@ -0,0 +1,5 @@
+.optionDescription {
+  display: block;
+  margin-top: var(--ds-size-1);
+  color: var(--ds-color-neutral-text-subtle);
+}

src/layout/MultipleSelect/MultipleSelectComponent.tsx

@@ -14,6 +14,7 @@ import { useGetOptions } from 'src/features/options/useGetOptions';
 import { useSaveValueToGroup } from 'src/features/saveToGroup/useSaveToGroup';
 import { useIsValid } from 'src/features/validation/selectors/isValid';
 import { ComponentStructureWrapper } from 'src/layout/ComponentStructureWrapper';
+import classes from 'src/layout/MultipleSelect/MultipleSelectComponent.module.css';
 import utilClasses from 'src/styles/utils.module.css';
 import { useLabel } from 'src/utils/layout/useLabel';
 import { useItemWhenType } from 'src/utils/layout/useNodeItem';
@@ -164,7 +165,11 @@ export function MultipleSelectComponent({
                   <span>
                     <wbr />
                     <Lang id={option.label} />
-                    {option.description && <Lang id={option.description} />}
+                    {option.description && (
+                      <span className={classes.optionDescription}>
+                        <Lang id={option.description} />
+                      </span>
+                    )}
                   </span>
                 </Suggestion.Option>
               ))}