Fix iconbutton styling for keyboard navigation

src/components/shared/styled.ts

@@ -102,10 +102,8 @@ export const StyledIconButton = styled(IconButton)`
     color: ${(props) =>
       props.appearance === 'subtle' ? props.theme.primary.main : undefined};
   }
-  i {
+  background-color: ${(props) =>
-    background-color: ${(props) =>
+    props.appearance === 'primary' ? props.theme.primary.main : undefined};
-      props.appearance === 'primary' ? props.theme.primary.main : undefined};
-  }
   width: ${(props) => `${props.width}px`};
 `;