Improve legacy Checkbox styles

app/soapbox/components/ui/form-group/form-group.tsx

@@ -10,7 +10,7 @@ interface IFormGroup {
   errors?: string[]
 }
 
-/** Input element with label and hint. */
+/** Input container with label. Renders the child. */
 const FormGroup: React.FC<IFormGroup> = (props) => {
   const { children, errors = [], labelText, hintText } = props;
   const formFieldId: string = useMemo(() => `field-${uuidv4()}`, []);

app/styles/forms.scss

@@ -65,10 +65,9 @@ code {
       position: relative;
 
       .label_input > label {
-        @apply text-black dark:text-white;
+        @apply text-sm font-medium text-gray-700 dark:text-gray-400;
         font-family: inherit;
         font-size: 14px;
-        padding-top: 5px;
         display: block;
         width: auto;
       }
@@ -84,7 +83,7 @@ code {
 
       input[type="checkbox"] {
         position: absolute;
-        top: 3px;
+        top: 1px;
         left: 0;
       }