fix: fix ButtonMenu icon rotation

1 files changed, 3 insertions, 8 deletions

diff --git a/src/components/ButtonMenu.css b/src/components/ButtonMenu.css
index 45d986a..e896030 100644
--- a/src/components/ButtonMenu.css
+++ b/src/components/ButtonMenu.css
@@ -4,23 +4,18 @@
 			position: relative;
 			padding-left: 2.5rem;
 
-			&::before {
+			img {
 				content: '';
-				width: 1rem;
-				height: 1rem;
 				left: 0.75rem;
 				position: absolute;
-				background: url('../icons/chevron-right.svg');
-				background-position: left 2px center;
-				background-repeat: no-repeat;
 			}
 
-			&:has(+ :popover-open)::before {
+			&:has(+ :popover-open) img {
 				transform: rotate(90deg);
 			}
 
 			@media not (prefers-reduced-motion) {
-				&::before {
+				img {
 					transition: transform 0.2s;
 				}
 			}