Remove duplicative Toggle component (#3028)

fix: Tidy some styling and spacing issues in settings

app/components/Button.tsx

@@ -31,7 +31,7 @@ const RealButton = styled.button<{
     !props.borderOnHover &&
     `
       svg {
-        fill: ${props.iconColor || props.theme.buttonText};
+        fill: ${props.iconColor || "currentColor"};
       }
     `}
 
@@ -69,7 +69,7 @@ const RealButton = styled.button<{
       props.borderOnHover
         ? ""
         : `svg {
-      fill: ${props.iconColor || props.theme.buttonNeutralText};
+      fill: ${props.iconColor || "currentColor"};
     }`
     }
 
@@ -89,7 +89,7 @@ const RealButton = styled.button<{
       color: ${props.theme.textTertiary};
 
       svg {
-        fill: ${props.theme.textTertiary};
+        fill: currentColor;
       }
     }
   `}
@@ -162,7 +162,7 @@ const Button = <T extends React.ElementType = "button">(
       <Inner hasIcon={hasIcon} hasText={hasText} disclosure={disclosure}>
         {hasIcon && icon}
         {hasText && <Label hasIcon={hasIcon}>{children || value}</Label>}
-        {disclosure && <ExpandedIcon />}
+        {disclosure && <ExpandedIcon color="currentColor" />}
       </Inner>
     </RealButton>
   );