Merge pull request #24402 from tolkadot/fix/a11y-addon/arrow-color-up…

…date UI: improve A11Y remove redundant styling rules, update icon color
storybookjs · Nov 7, 2023 · 7b899e4 · 7b899e4
2 parents 82e5150 + 63609aa
commit 7b899e4
Showing 1 changed file with 3 additions and 6 deletions.
diff --git 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)`,
             }}