diff --git a/.changeset/fifty-stingrays-sin.md b/.changeset/fifty-stingrays-sin.md
new file mode 100644
index 0000000..82cf3a6
--- /dev/null
+++ b/.changeset/fifty-stingrays-sin.md
@@ -0,0 +1,5 @@
+---
+"@babylonlabs-io/bbn-core-ui": patch
+---
+
+add disabled styles for outlined button
diff --git a/src/components/Button/Button.css b/src/components/Button/Button.css
index 57508d3..12eed74 100644
--- a/src/components/Button/Button.css
+++ b/src/components/Button/Button.css
@@ -17,11 +17,11 @@
 
   &-outlined {
     &.bbn-btn-primary {
-      @apply border border-primary-light text-primary-main hover:border-primary hover:bg-primary/10;
+      @apply border border-primary-light text-primary-main hover:border-primary hover:bg-primary/10 disabled:border-primary/12 disabled:bg-transparent disabled:text-primary/24;
     }
 
     &.bbn-btn-secondary {
-      @apply border border-secondary-main text-secondary-main hover:border-secondary-light hover:bg-secondary-light/10;
+      @apply border border-secondary-main text-secondary-main hover:border-secondary-light hover:bg-secondary-light/10 disabled:border-primary/12 disabled:bg-transparent disabled:text-primary/24;
     }
   }