diff --git a/iconbutton/internal/_outlined-icon-button.scss b/iconbutton/internal/_outlined-icon-button.scss
index ea328b3630..77dddf5881 100644
--- a/iconbutton/internal/_outlined-icon-button.scss
+++ b/iconbutton/internal/_outlined-icon-button.scss
@@ -162,16 +162,20 @@
   }
 
   @media (forced-colors: active) {
+    :host([disabled]) {
+      --_disabled-outline-opacity: 1;
+    }
+
     // Selected button in HCM has an outline.
     .selected {
       &::before {
-        border-color: var(--_outline-color);
+        border-color: CanvasText;
         border-width: var(--_outline-width);
       }
 
       &:disabled::before {
-        border-color: var(--_disabled-outline-color);
-        opacity: var(--_disabled-outline-opacity);
+        border-color: GrayText;
+        opacity: 1;
       }
     }
   }
diff --git a/iconbutton/internal/_shared.scss b/iconbutton/internal/_shared.scss
index a126fa88df..01f9c7c335 100644
--- a/iconbutton/internal/_shared.scss
+++ b/iconbutton/internal/_shared.scss
@@ -109,4 +109,10 @@
   :host([touch-target='none']) .touch {
     display: none;
   }
+
+  @media (forced-colors: active) {
+    :host([disabled]) {
+      --_disabled-icon-opacity: 1;
+    }
+  }
 }