diff --git a/.storybook/preview.js b/.storybook/preview.js
index 688f4760..e1cbc303 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -110,8 +110,7 @@ const { getHardCodedWeight } = (() => {
         "components/Stepper",
         "components/Button",
         "components/FranceConnectButton",
-        "components/AgentConnectButton",
-        "components/MonCompteProButton"
+        "components/ProConnectButton"
     ];
 
     function getHardCodedWeight(kind) {
diff --git a/src/ProConnectButton.tsx b/src/ProConnectButton.tsx
index de83cc7c..9cd94575 100644
--- a/src/ProConnectButton.tsx
+++ b/src/ProConnectButton.tsx
@@ -53,7 +53,7 @@ export const ProConnectButton = memo(
                 style={style}
                 ref={ref}
             >
-                <Inner className={fr.cx("fr-btn", "fr-connect")} {...innerProps}>
+                <Inner 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>
@@ -63,7 +63,7 @@ export const ProConnectButton = memo(
                 </Inner>
                 <p>
                     <a
-                        href={"https://proconnect.gouv.fr/"}
+                        href={"https://www.proconnect.gouv.fr/"}
                         target="_blank"
                         rel="noopener"
                         title={`${t("what is service")} - ${t("new window")}`}
diff --git a/src/assets/proconnect-btn.css b/src/assets/proconnect-btn.css
index 51e7ed9d..b10b079b 100644
--- a/src/assets/proconnect-btn.css
+++ b/src/assets/proconnect-btn.css
@@ -1,8 +1,8 @@
-.fr-connect {
+.pro-connect {
   padding-left: 4.375em !important;
 }
 
-.fr-connect:before {
+.pro-connect:before {
   width: 3.375em !important;
   background-size: 3.375em 3em !important;
   left: 0.625em !important;
diff --git a/stories/FranceConnectButton.stories.tsx b/stories/FranceConnectButton.stories.tsx
index 7a2fc5a3..154e9441 100644
--- a/stories/FranceConnectButton.stories.tsx
+++ b/stories/FranceConnectButton.stories.tsx
@@ -6,7 +6,7 @@ const { meta, getStory } = getStoryFactory({
     sectionName,
     "wrappedComponent": { FranceConnectButton },
     "description": `
-- [See DSFR documentation](https://github.com/france-connect/Documentation-AgentConnect/blob/main/doc_fs/implementation_fca/bouton_fca.md)
+- [See DSFR documentation](https://www.systeme-de-design.gouv.fr/composants-et-modeles/composants/bouton-franceconnect/)
 - [See source code](https://github.com/codegouvfr/react-dsfr/blob/main/src/FranceConnectButton.tsx)`
 });