New error state outline red under 32 char (#2951)

frontend/components/forms/fields/InputField/_styles.scss

@@ -30,7 +30,7 @@
     border-radius: 4px;
 
     &:focus {
-      border-bottom-color: $ui-error;
+      border-color: $ui-error;
       background-color: $core-white;
       color: $core-fleet-black;
     }

frontend/pages/hosts/ManageHostsPage/components/SecretEditorModal/SecretEditorModal.tsx

@@ -52,6 +52,13 @@ const SecretEditorModal = ({
   };
 
   const onSecretChange = (value: string) => {
+    if (value.length < 32) {
+      setErrors({
+        secret: "Secret",
+      });
+    } else {
+      setErrors({});
+    }
     setEnrollSecretString(value);
   };