Fixing default chevron icon appearance in accordion component (#730)

microsoft · Dec 11, 2024 · 53d1cbc · 53d1cbc
1 parent 9460d2f
commit 53d1cbc
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/.changeset/late-otters-retire.md b/.changeset/late-otters-retire.md
@@ -0,0 +1,5 @@
+---
+'@microsoft/atlas-css': minor
+---
+
+Fixing default chevron icon appearance in accordion component.
diff --git a/css/src/components/accordion.scss b/css/src/components/accordion.scss
@@ -37,10 +37,15 @@ $accordion-transition: transform 0.15s !default;
 	summary {
 		display: flex;
 		line-height: 1.5;
+		list-style: none;
 		cursor: pointer;
 		padding-block: $accordion-spacing;
 		gap: $accordion-gap;
 
+		&::-webkit-details-marker {
+			display: none;
+		}
+
 		&::before,
 		&::after {
 			// Prevents chevron from being clipped when accordion title is long