diff --git a/js/apps/admin-ui/src/user-federation/kerberos/KerberosSettingsRequired.tsx b/js/apps/admin-ui/src/user-federation/kerberos/KerberosSettingsRequired.tsx
index 4ec85d475a..987a53b269 100644
--- a/js/apps/admin-ui/src/user-federation/kerberos/KerberosSettingsRequired.tsx
+++ b/js/apps/admin-ui/src/user-federation/kerberos/KerberosSettingsRequired.tsx
@@ -1,4 +1,4 @@
-import { FormGroup, Switch, TextInput } from "@patternfly/react-core";
+import { FormGroup, Switch } from "@patternfly/react-core";
 import {
   Select,
   SelectOption,
@@ -61,17 +61,21 @@ export const KerberosSettingsRequired = ({
       {/* Required settings */}
       <FormAccess role="manage-realm" isHorizontal>
         {/* These hidden fields are required so data object written back matches data retrieved */}
-        <TextInput
-          hidden
+        <input
+          type="hidden"
           defaultValue="kerberos"
           {...form.register("providerId")}
         />
-        <TextInput
-          hidden
+        <input
+          type="hidden"
           defaultValue="org.keycloak.storage.UserStorageProvider"
           {...form.register("providerType")}
         />
-        <TextInput hidden defaultValue={realm} {...form.register("parentId")} />
+        <input
+          type="hidden"
+          defaultValue={realm}
+          {...form.register("parentId")}
+        />
         <TextControl
           name="name"
           label={t("uiDisplayName")}
diff --git a/js/apps/admin-ui/src/user-federation/ldap/LdapSettingsGeneral.tsx b/js/apps/admin-ui/src/user-federation/ldap/LdapSettingsGeneral.tsx
index b69eb43996..a3f9e2fc3b 100644
--- a/js/apps/admin-ui/src/user-federation/ldap/LdapSettingsGeneral.tsx
+++ b/js/apps/admin-ui/src/user-federation/ldap/LdapSettingsGeneral.tsx
@@ -1,5 +1,5 @@
 import ComponentRepresentation from "@keycloak/keycloak-admin-client/lib/defs/componentRepresentation";
-import { FormGroup, TextInput } from "@patternfly/react-core";
+import { FormGroup } from "@patternfly/react-core";
 import {
   Select,
   SelectOption,
@@ -107,17 +107,21 @@ export const LdapSettingsGeneral = ({
       )}
       <FormAccess role="manage-realm" isHorizontal>
         {/* These hidden fields are required so data object written back matches data retrieved */}
-        <TextInput
-          hidden
+        <input
+          type="hidden"
           defaultValue="ldap"
           {...form.register("providerId")}
         />
-        <TextInput
-          hidden
+        <input
+          type="hidden"
           defaultValue="org.keycloak.storage.UserStorageProvider"
           {...form.register("providerType")}
         />
-        <TextInput hidden defaultValue={realm} {...form.register("parentId")} />
+        <input
+          type="hidden"
+          defaultValue={realm}
+          {...form.register("parentId")}
+        />
         <TextControl
           name="name"
           label={t("uiDisplayName")}
diff --git a/js/apps/admin-ui/src/user-federation/ldap/mappers/LdapMapperDetails.tsx b/js/apps/admin-ui/src/user-federation/ldap/mappers/LdapMapperDetails.tsx
index d13a55e9fb..7d6aceb7ff 100644
--- a/js/apps/admin-ui/src/user-federation/ldap/mappers/LdapMapperDetails.tsx
+++ b/js/apps/admin-ui/src/user-federation/ldap/mappers/LdapMapperDetails.tsx
@@ -8,7 +8,6 @@ import {
   ButtonVariant,
   FormGroup,
   PageSection,
-  TextInput,
 } from "@patternfly/react-core";
 import {
   DropdownItem,
@@ -222,14 +221,14 @@ export default function LdapMapperDetails() {
               isDisabled={!isNew}
               rules={{ required: t("required") }}
             />
-            <TextInput
-              hidden
+            <input
+              type="hidden"
               defaultValue={isNew ? id : mapping ? mapping.parentId : ""}
               data-testid="ldap-mapper-parentId"
               {...form.register("parentId")}
             />
-            <TextInput
-              hidden
+            <input
+              type="hidden"
               defaultValue="org.keycloak.storage.ldap.mappers.LDAPStorageMapper"
               data-testid="ldap-mapper-provider-type"
               {...form.register("providerType")}