fix: use correct styles on max leverage label

geositta · geositta · commit e9b8d22053c6 · 2026-01-20T07:22:20.000-06:00
diff --git a/ui/pages/perps/market-list/components/market-row/market-row.tsx b/ui/pages/perps/market-list/components/market-row/market-row.tsx
@@ -117,9 +117,11 @@ export const MarketRow: React.FC<MarketRowProps> = ({
           gap={2}
         >
           <Text fontWeight={FontWeight.Medium}>{displaySymbol}</Text>
-          <Text variant={TextVariant.BodySm} color={TextColor.TextAlternative}>
-            {market.maxLeverage}
-          </Text>
+          <span className="shrink-0 rounded-md bg-background-muted px-1.5">
+            <Text variant={TextVariant.BodyXs} color={TextColor.TextAlternative}>
+              {market.maxLeverage}
+            </Text>
+          </span>
         </Box>
         <Text variant={TextVariant.BodySm} color={TextColor.TextAlternative}>
           {metricValue}
