diff --git a/package-lock.json b/package-lock.json
index 4d974fdae..8a680e3b9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -35526,6 +35526,7 @@
       }
     },
     "packages/helpinfo": {
+      "name": "@axa-fr/react-toolkit-helpinfo",
       "version": "2.0.1-alpha.0",
       "license": "MIT",
       "dependencies": {
diff --git a/packages/button/src/Button.stories.tsx b/packages/button/src/Button.stories.tsx
index 5d6af3a11..05d67f58a 100644
--- a/packages/button/src/Button.stories.tsx
+++ b/packages/button/src/Button.stories.tsx
@@ -108,6 +108,7 @@ ButtonWithRightIconStory.args = {
 export const ButtonCircleStory: Story<ButtonProps> = Template.bind({});
 ButtonCircleStory.storyName = 'Button circle';
 ButtonCircleStory.args = {
+  disabled: false,
   className: 'af-btn--circle',
   children: <i className="glyphicon glyphicon-floppy-disk" />,
 };
diff --git a/packages/button/src/button.scss b/packages/button/src/button.scss
index 248f06455..109a0a020 100644
--- a/packages/button/src/button.scss
+++ b/packages/button/src/button.scss
@@ -197,6 +197,21 @@ $active-sort-table-th: $color-table-sorting !default;
       transform: translate(-50%, -50%);
       width: 17px;
     }
+
+    &--disabled {
+      cursor: not-allowed;
+      background-color: $color-mercury;
+      box-shadow: inset 0 -3px $color-silver;
+      color: $color-btn-disabled;
+
+      &:hover,
+      &:focus {
+        background-color: $color-mercury;
+        box-shadow: inset 0 -3px $color-silver;
+        color: $color-btn-disabled;
+        border-color: transparent;
+      }
+    }
   }
 
   &--circle-small {