diff --git a/frontend/src/components/pages/acls/PrincipalGroupEditor.tsx b/frontend/src/components/pages/acls/PrincipalGroupEditor.tsx
index e0e7974f7..8ae452c0f 100644
--- a/frontend/src/components/pages/acls/PrincipalGroupEditor.tsx
+++ b/frontend/src/components/pages/acls/PrincipalGroupEditor.tsx
@@ -43,9 +43,9 @@ export const AclPrincipalGroupEditor = observer((p: {
     const [error, setError] = useState(undefined as string | undefined);
 
     const [isFormValid, setIsFormValid] = useState(true);
-    const [isTopicsValid, setTopicsIsValid] = useState(false);
-    const [isConsumerGroupsValid, setConsumerGroupsIsValid] = useState(false);
-    const [isTransactionalIDValid, setTransactionalIDIsValid] = useState(false);
+    const [isTopicsValid, setTopicsIsValid] = useState(true);
+    const [isConsumerGroupsValid, setConsumerGroupsIsValid] = useState(true);
+    const [isTransactionalIDValid, setTransactionalIDIsValid] = useState(true);
 
 
     const noNameOrNameInUse = (p.type == 'create')