Fix ActionList.Item width for full variant

primer · Jul 13, 2023 · 6512a3c · 6512a3c
1 parent 40cf2e8
commit 6512a3c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/plenty-bats-shop.md b/.changeset/plenty-bats-shop.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Fixes the width of the ActionList.Item when the full variant is set
diff --git a/src/ActionList/Item.tsx b/src/ActionList/Item.tsx
@@ -103,7 +103,7 @@ export const Item = React.forwardRef<HTMLLIElement, ActionListItemProps>(
       appearance: 'none',
       background: 'unset',
       border: 'unset',
-      width: 'calc(100% - 16px)',
+      width: listVariant === 'inset' ? 'calc(100% - 16px)' : '100%',
       fontFamily: 'unset',
       textAlign: 'unset',
       marginY: 'unset',