Refactor field label styling to use direct child selector

Author: robertpiosik

packages/ui/src/components/editor/common/Field/Field.module.scss

@@ -7,12 +7,12 @@
     justify-content: space-between;
     align-items: center;
     height: 24px;
-  }
-
-  &__label {
     font-size: 12px;
-    font-weight: 600;
-    color: var(--vscode-foreground);
+
+    > label {
+      font-weight: 600;
+      color: var(--vscode-foreground);
+    }
   }
 
   &__info {

packages/ui/src/components/editor/common/Field/Field.tsx

@@ -13,9 +13,7 @@ export const Field: React.FC<Props> = (props) => {
     <div className={styles.field}>
       {props.label && (
         <div className={styles.field__header}>
-          <label htmlFor={props.html_for} className={styles.field__label}>
-            {props.label}
-          </label>
+          <label htmlFor={props.html_for}>{props.label}</label>
           {props.action}
         </div>
       )}