From d4bf6448f1775b9365f54ba2619fd90e5d17ca21 Mon Sep 17 00:00:00 2001
From: Dee Bryant <tolkadot@gmail.com>
Date: Sat, 7 Oct 2023 17:07:37 +1100
Subject: [PATCH] fix(a11y): remove redundant styling rules, update icon
 colour, fix alignment

---
 code/addons/a11y/src/components/Report/Item.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/code/addons/a11y/src/components/Report/Item.tsx b/code/addons/a11y/src/components/Report/Item.tsx
index 94a92f26a0ff..2d34ee58d745 100644
--- a/code/addons/a11y/src/components/Report/Item.tsx
+++ b/code/addons/a11y/src/components/Report/Item.tsx
@@ -21,16 +21,14 @@ const Wrapper = styled.div(({ theme }) => ({
   },
 }));
 
-const Icon = styled(Icons)(({ theme }) => ({
+const Icon = styled(Icons)({
   height: 10,
   width: 10,
   minWidth: 10,
-  color: theme.textMutedColor,
   marginRight: 10,
   transition: 'transform 0.1s ease-in-out',
-  alignSelf: 'center',
-  display: 'inline-flex',
-}));
+  verticalAlign: 'inherit',
+});
 
 const HeaderBar = styled.div(({ theme }) => ({
   padding: theme.layoutMargin,
@@ -78,7 +76,6 @@ export const Item = (props: ItemProps) => {
         <HeaderBar onClick={() => onToggle(!open)} role="button">
           <Icon
             icon="arrowdown"
-            color="#9DA5AB"
             style={{
               transform: `rotate(${open ? 0 : -90}deg)`,
             }}