diff --git a/src/ProConnectButton.tsx b/src/ProConnectButton.tsx
index 9cd94575..abe706dd 100644
--- a/src/ProConnectButton.tsx
+++ b/src/ProConnectButton.tsx
@@ -53,7 +53,11 @@ export const ProConnectButton = memo(
                 style={style}
                 ref={ref}
             >
-                <Inner className={cx(fr.cx("fr-btn", "fr-connect"), "pro-connect")} {...innerProps}>
+                <Inner
+                    id={`${id}-button`}
+                    className={cx(fr.cx("fr-btn", "fr-connect"), "pro-connect")}
+                    {...innerProps}
+                >
                     <span className={cx(fr.cx("fr-connect__login"), classes.login)}>
                         S’identifier avec
                     </span>