diff --git a/src/components/proxy/proxy-item.tsx b/src/components/proxy/proxy-item.tsx
index 17578d7db8a89cd7a88e3c8b302dc9e3a1b846b5..071aea2fd2bbd26b99a10ca26407c9f1965e09fb 100644
--- a/src/components/proxy/proxy-item.tsx
+++ b/src/components/proxy/proxy-item.tsx
@@ -102,8 +102,8 @@ const ProxyItem = (props: Props) => {
             <>
               {proxy.name}
 
-              {showType && <TypeBox>{proxy.type}</TypeBox>}
-              {showType && proxy.udp && <TypeBox>UDP</TypeBox>}
+              {showType && <TypeBox component="span">{proxy.type}</TypeBox>}
+              {showType && proxy.udp && <TypeBox component="span">UDP</TypeBox>}
             </>
           }
         />