diff --git a/src/Gang/ui/TerritorySubpage.tsx b/src/Gang/ui/TerritorySubpage.tsx
index 0c64ad6f0..ea58ccbfa 100644
--- a/src/Gang/ui/TerritorySubpage.tsx
+++ b/src/Gang/ui/TerritorySubpage.tsx
@@ -85,9 +85,15 @@ export function TerritorySubpage(): React.ReactElement {
         </Typography>
       </Box>
       <Box sx={{ display: "grid", gridTemplateColumns: "repeat(3, 1fr)" }}>
-        {gangNames.map((name) => (
-          <OtherGangTerritory key={name} name={name} />
-        ))}
+        {gangNames
+          .sort((a, b) => {
+            if (AllGangs[a].territory <= 0 && AllGangs[b].territory > 0) return 1;
+            if (AllGangs[a].territory > 0 && AllGangs[b].territory <= 0) return -1;
+            return 0;
+          })
+          .map((name) => (
+            <OtherGangTerritory key={name} name={name} />
+          ))}
       </Box>
       <TerritoryInfoModal open={infoOpen} onClose={() => setInfoOpen(false)} />
     </Container>
@@ -114,14 +120,16 @@ function OtherGangTerritory(props: ITerritoryProps): React.ReactElement {
   const playerPower = AllGangs[gang.facName].power;
   const power = AllGangs[props.name].power;
   const clashVictoryChance = playerPower / (power + playerPower);
+  const territory = AllGangs[props.name].territory;
+  const opacity = territory ? 1 : 0.75;
   return (
-    <Box component={Paper} sx={{ p: 1 }}>
+    <Box component={Paper} sx={{ p: 1, opacity }}>
       <Typography variant="h6" sx={{ display: "flex", alignItems: "center", flexWrap: "wrap" }}>
         {props.name}
       </Typography>
       <Typography>
         <b>Power:</b> {formatNumber(power, 3)} <br />
-        <b>Territory:</b> {formatTerritory(AllGangs[props.name].territory)}% <br />
+        <b>Territory:</b> {formatTerritory(territory)}% <br />
         <b>Clash Win Chance:</b> {numeralWrapper.formatPercentage(clashVictoryChance, 3)}
       </Typography>
     </Box>