diff --git a/frontend/src/components/AcmDataForm.tsx b/frontend/src/components/AcmDataForm.tsx
index 55a0a459c60..8b6b24d308f 100644
--- a/frontend/src/components/AcmDataForm.tsx
+++ b/frontend/src/components/AcmDataForm.tsx
@@ -950,7 +950,7 @@ export function AcmDataFormInput(props: { input: Input; validated?: 'error'; isR
               validated={validated}
               spellCheck="false"
               type={!isSecret || showSecrets ? 'text' : 'password'}
-              readOnlyVariant="default"
+              readOnlyVariant={isReadOnly ? 'default' : undefined}
             />
           </InputGroupItem>
           {value === '' ? (
@@ -974,7 +974,7 @@ export function AcmDataFormInput(props: { input: Input; validated?: 'error'; isR
               validated={validated}
               type={'number'}
               onChange={(_event, value) => onChange(Number(value))}
-              readOnlyVariant="default"
+              readOnlyVariant={isReadOnly ? 'default' : undefined}
             />
           </InputGroupItem>
         </InputGroup>
@@ -992,7 +992,7 @@ export function AcmDataFormInput(props: { input: Input; validated?: 'error'; isR
               value={'**************'}
               validated={validated}
               type={'password'}
-              readOnlyVariant="default"
+              readOnlyVariant={isReadOnly ? 'default' : undefined}
             />
           ) : (
             <TextArea
@@ -1002,7 +1002,7 @@ export function AcmDataFormInput(props: { input: Input; validated?: 'error'; isR
               spellCheck="false"
               resizeOrientation="vertical"
               autoResize={true}
-              readOnlyVariant="default"
+              readOnlyVariant={isReadOnly ? 'default' : undefined}
             />
           )}