diff --git a/frontend/components/forms/fields/InputField/_styles.scss b/frontend/components/forms/fields/InputField/_styles.scss
index 116eea4b56..889add4949 100644
--- a/frontend/components/forms/fields/InputField/_styles.scss
+++ b/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;
     }
diff --git a/frontend/pages/hosts/ManageHostsPage/components/SecretEditorModal/SecretEditorModal.tsx b/frontend/pages/hosts/ManageHostsPage/components/SecretEditorModal/SecretEditorModal.tsx
index c20d9a798e..61839c92fb 100644
--- a/frontend/pages/hosts/ManageHostsPage/components/SecretEditorModal/SecretEditorModal.tsx
+++ b/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);
   };