From 8984684470dc2e6cc69e7c80e4ce4a0e70e57eb3 Mon Sep 17 00:00:00 2001
From: Katie Langerman <langermank@github.com>
Date: Thu, 30 Jun 2022 09:48:57 -0700
Subject: [PATCH] Bug: ActionList-item disabled state (#2136)

* fix disabled state

* Create friendly-peaches-knock.md

* Stylelint auto-fixes

* lint

Co-authored-by: Actions Auto Build <actions@github.com>
---
 .changeset/friendly-peaches-knock.md |  5 +++++
 src/actionlist/action-list-item.scss | 12 ++++++------
 2 files changed, 11 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/friendly-peaches-knock.md

diff --git a/.changeset/friendly-peaches-knock.md b/.changeset/friendly-peaches-knock.md
new file mode 100644
index 0000000000..ef3513673f
--- /dev/null
+++ b/.changeset/friendly-peaches-knock.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Bug: ActionList-item disabled state
diff --git a/src/actionlist/action-list-item.scss b/src/actionlist/action-list-item.scss
index c670678155..7004819d1a 100644
--- a/src/actionlist/action-list-item.scss
+++ b/src/actionlist/action-list-item.scss
@@ -237,7 +237,7 @@
 
   // disabled
   &[aria-disabled='true'] {
-    .ActionList-item-content {
+    .ActionList-content {
       .ActionList-item-label,
       .ActionList-item-description {
         color: var(--color-primer-fg-disabled);
@@ -246,12 +246,12 @@
       .ActionList-item-visual {
         fill: var(--color-primer-fg-disabled);
       }
+    }
 
-      @media (hover: hover) {
-        &:hover {
-          cursor: not-allowed;
-          background-color: transparent;
-        }
+    @media (hover: hover) {
+      &:hover {
+        cursor: not-allowed;
+        background-color: transparent;
       }
     }
   }