Revert "Removed flex from Label (#2136)" (#2152)

bigbinary · Mar 29, 2024 · 0dd7c33 · 0dd7c33
1 parent 3a43610
commit 0dd7c33
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/src/components/Label.jsx b/src/components/Label.jsx
@@ -24,21 +24,22 @@ const Label = ({
   const HelpIcon = icon || Help;
 
   return (
-    <label className={classnames("neeto-ui-label", className)} {...otherProps}>
-      {children}
-      {required && (
-        <span aria-hidden className="neeto-ui-inline-flex">
-          *
-        </span>
+    <label
+      className={classnames(
+        "neeto-ui-label neeto-ui-flex neeto-ui-items-center",
+        className
       )}
+      {...otherProps}
+    >
+      {children}
+      {required && <span aria-hidden>*</span>}
       {helpIconProps && (
         <Tooltip {...tooltipProps} disabled={!tooltipProps}>
           <span
             {...{ onClick }}
-            className={classnames(
-              "neeto-ui-label__help-icon-wrap neeto-ui-inline-flex",
-              { [helpIconClassName]: helpIconClassName }
-            )}
+            className={classnames("neeto-ui-label__help-icon-wrap", {
+              [helpIconClassName]: helpIconClassName,
+            })}
           >
             <HelpIcon size={16} {...otherHelpIconProps} />
           </span>

diff --git a/src/styles/components/_input.scss b/src/styles/components/_input.scss
@@ -102,7 +102,6 @@
 
   .neeto-ui-label {
     margin-bottom: var(--neeto-ui-input-label-margin);
-    display: block;
   }
 
   .neeto-ui-input {