diff --git a/.changeset/angry-brooms-knock.md b/.changeset/angry-brooms-knock.md
new file mode 100644
index 00000000000..87df637cb1c
--- /dev/null
+++ b/.changeset/angry-brooms-knock.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Added className prop to the AvatarStack component
diff --git a/packages/react/src/AvatarStack/AvatarStack.tsx b/packages/react/src/AvatarStack/AvatarStack.tsx
index 24667bbb69c..f07615f7214 100644
--- a/packages/react/src/AvatarStack/AvatarStack.tsx
+++ b/packages/react/src/AvatarStack/AvatarStack.tsx
@@ -183,17 +183,28 @@ export type AvatarStackProps = {
   alignRight?: boolean
   disableExpand?: boolean
   size?: number | ResponsiveValue<number>
+  className?: string
   children: React.ReactNode
 } & SxProp
 
-const AvatarStack = ({children, alignRight, disableExpand, size, sx: sxProp = defaultSxProp}: AvatarStackProps) => {
+const AvatarStack = ({
+  children,
+  alignRight,
+  disableExpand,
+  size,
+  className,
+  sx: sxProp = defaultSxProp,
+}: AvatarStackProps) => {
   const count = React.Children.count(children)
-  const wrapperClassNames = clsx({
-    'pc-AvatarStack--two': count === 2,
-    'pc-AvatarStack--three': count === 3,
-    'pc-AvatarStack--three-plus': count > 3,
-    'pc-AvatarStack--right': alignRight,
-  })
+  const wrapperClassNames = clsx(
+    {
+      'pc-AvatarStack--two': count === 2,
+      'pc-AvatarStack--three': count === 3,
+      'pc-AvatarStack--three-plus': count > 3,
+      'pc-AvatarStack--right': alignRight,
+    },
+    className,
+  )
   const bodyClassNames = clsx('pc-AvatarStackBody', {
     'pc-AvatarStack--disableExpand': disableExpand,
   })