|  | @@ -108,6 +108,9 @@ export const ProviderButton = () => {
 | 
	
		
			
				|  |  |                          >
 | 
	
		
			
				|  |  |                            {key}
 | 
	
		
			
				|  |  |                          </Typography>
 | 
	
		
			
				|  |  | +                        <TypeBox component="span" sx={{ marginLeft: "8px" }}>
 | 
	
		
			
				|  |  | +                          {item.proxies.length}
 | 
	
		
			
				|  |  | +                        </TypeBox>
 | 
	
		
			
				|  |  |                        </>
 | 
	
		
			
				|  |  |                      }
 | 
	
		
			
				|  |  |                      secondary={
 | 
	
	
		
			
				|  | @@ -158,6 +161,17 @@ export const ProviderButton = () => {
 | 
	
		
			
				|  |  |      </>
 | 
	
		
			
				|  |  |    );
 | 
	
		
			
				|  |  |  };
 | 
	
		
			
				|  |  | +const TypeBox = styled(Box)(({ theme }) => ({
 | 
	
		
			
				|  |  | +  display: "inline-block",
 | 
	
		
			
				|  |  | +  border: "1px solid #ccc",
 | 
	
		
			
				|  |  | +  borderColor: alpha(theme.palette.secondary.main, 0.5),
 | 
	
		
			
				|  |  | +  color: alpha(theme.palette.secondary.main, 0.8),
 | 
	
		
			
				|  |  | +  borderRadius: 4,
 | 
	
		
			
				|  |  | +  fontSize: 10,
 | 
	
		
			
				|  |  | +  marginRight: "4px",
 | 
	
		
			
				|  |  | +  padding: "0 2px",
 | 
	
		
			
				|  |  | +  lineHeight: 1.25,
 | 
	
		
			
				|  |  | +}));
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  const StyledTypeBox = styled(Box)(({ theme }) => ({
 | 
	
		
			
				|  |  |    display: "inline-block",
 |