Add align-self: flex-start to group heading directly (#2972)

primer · Jul 26, 2024 · 9b675a7 · 9b675a7
1 parent 05172fa
commit 9b675a7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/wild-onions-explode.md b/.changeset/wild-onions-explode.md
@@ -0,0 +1,5 @@
+---
+'@primer/view-components': patch
+---
+
+Replace `align-items` with `align-self` and apply it on `ActionList` group headings directly.
diff --git a/app/components/primer/alpha/action_list.pcss b/app/components/primer/alpha/action_list.pcss
@@ -642,7 +642,6 @@ nav-list {
   /* with children */
   &:not(:empty) {
     display: flex;
-    align-items: flex-start;
     padding-inline: var(--actionListContent-paddingBlock);
     padding-block: var(--base-size-8);
     font-size: var(--text-body-size-small);
@@ -669,6 +668,7 @@ nav-list {
     font-size: var(--text-body-size-small);
     font-weight: var(--base-text-weight-semibold);
     color: var(--fgColor-muted);
+    align-self: flex-start;
   }
 }