diff --git a/src/Disp/BuildingsUpgrades/Upgrades.js b/src/Disp/BuildingsUpgrades/Upgrades.js
index 0477b0b..7bf7b79 100644
--- a/src/Disp/BuildingsUpgrades/Upgrades.js
+++ b/src/Disp/BuildingsUpgrades/Upgrades.js
@@ -77,14 +77,11 @@ export default function UpdateUpgrades() {
   }
 
   if (CMOptions.SortUpgrades) {
+    // Sort by pp group, then by pp. Put gray upgrades last.
     arr.sort((a, b) =>
-      ColoursOrdering.indexOf(a.color) > ColoursOrdering.indexOf(b.color) // eslint-disable-line no-nested-ternary
-        ? 1
-        : ColoursOrdering.indexOf(a.color) < ColoursOrdering.indexOf(b.color) // eslint-disable-line no-nested-ternary
-        ? -1
-        : a.pp < b.pp
-        ? -1
-        : 0,
+      ColoursOrdering.indexOf(a.color) == ColoursOrdering.indexOf(b.color)
+        ? a.pp - b.pp
+        : ColoursOrdering.indexOf(a.color) - ColoursOrdering.indexOf(b.color)
     );
   } else {
     arr.sort((a, b) => a.price - b.price);