style: expander icon has proper size

Author: P0lip

src/common/Row.tsx

@@ -33,7 +33,7 @@ export const rowStyles = ({ level }: IRowProps) => {
     css`
       user-select none;
 
-     &:nth-of-type(even) {
+      &:nth-of-type(even) {
         background-color ${theme.row.evenBg};
         color ${theme.row.evenFg || theme.canvas.fg};
       }
@@ -42,10 +42,6 @@ export const rowStyles = ({ level }: IRowProps) => {
         background-color ${theme.row.hoverBg};
         color ${theme.row.hoverFg || theme.canvas.fg};
       }
-
-      i {
-        font-size 11px
-      }
     `,
   ];
 };

src/renderers/renderProp.tsx

@@ -179,7 +179,7 @@ export const renderProp = ({
       >
         {expandable ? (
           <Flex justifyContent="center" mt={1} pl="0.5rem" mr="0.5rem" ml="-1.5rem" width="1rem">
-            <Icon icon={expanded ? faCaretDown : faCaretRight} />
+            <Icon size="1x" icon={expanded ? faCaretDown : faCaretRight} />
           </Flex>
         ) : null}