diff --git a/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/SecretConfirmationControl.tsx b/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/SecretConfirmationControl.tsx
index 56d4ec346c91..8ac4d958bb46 100644
--- a/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/SecretConfirmationControl.tsx
+++ b/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/SecretConfirmationControl.tsx
@@ -93,15 +93,15 @@ const SecretConfirmationControl: React.FC<SecretConfirmationControlProps> = ({
       {component}
       {isEditInProgress ? (
         <>
-          <Button size="xs" onClick={onDone} type="button" disabled={disabled}>
-            <FormattedMessage id="form.done" />
-          </Button>
-          <Button size="xs" onClick={onCancel} type="button" variant="secondary" disabled={disabled}>
+          <Button size="sm" onClick={onCancel} type="button" variant="secondary" disabled={disabled}>
             <FormattedMessage id="form.cancel" />
           </Button>
+          <Button size="sm" onClick={onDone} type="button" disabled={disabled}>
+            <FormattedMessage id="form.done" />
+          </Button>
         </>
       ) : (
-        <Button size="xs" onClick={handleStartEdit} type="button" disabled={disabled}>
+        <Button size="sm" onClick={handleStartEdit} type="button" variant="secondary" disabled={disabled}>
           <FormattedMessage id="form.edit" />
         </Button>
       )}