diff --git a/font-src/support/gr.mjs b/font-src/support/gr.mjs
index f064f449b..d9c16d7b8 100644
--- a/font-src/support/gr.mjs
+++ b/font-src/support/gr.mjs
@@ -429,7 +429,10 @@ function queryCvFeatureTagsOf(sink, gid, glyph, tagSet) {
 			existingFeatures.set(gr.tag, series);
 		}
 
-		const featureApp = { css: `'${gr.tag}' ${gr.rank}`, description: gr.description };
+		const featureApp = {
+			css: `'${gr.tag}' ${String(gr.rank).padStart(2)}`,
+			description: gr.description
+		};
 		if (!series.groups[gr.groupRank]) series.groups[gr.groupRank] = [];
 		series.groups[gr.groupRank].push(featureApp);
 	}
diff --git a/params/variants.toml b/params/variants.toml
index 40162fc19..5084c80fc 100644
--- a/params/variants.toml
+++ b/params/variants.toml
@@ -871,6 +871,7 @@ next = "leg"
 
 [prime.capital-r.variants-buildup.stages.openness.closed]
 rank = 1
+groupRank = 10
 keyAffix = ""
 selectorAffix.R = ""
 selectorAffix."R/sansSerif" = ""
@@ -879,6 +880,7 @@ selectorAffix.RRotunda = ""
 
 [prime.capital-r.variants-buildup.stages.openness.open]
 rank = 2
+groupRank = 20
 descriptionAffix = "open contour"
 selectorAffix.R = "open"
 selectorAffix."R/sansSerif" = "open"
@@ -891,6 +893,7 @@ mode = "prepend"
 
 [prime.capital-r.variants-buildup.stages.leg.straight]
 rank = 1
+groupRank = 1
 descriptionAffix = "straight leg"
 selectorAffix.R = "straight"
 selectorAffix."R/sansSerif" = "straight"
@@ -899,6 +902,7 @@ selectorAffix.RRotunda = "straight"
 
 [prime.capital-r.variants-buildup.stages.leg.curly]
 rank = 2
+groupRank = 2
 descriptionAffix = "curly leg"
 selectorAffix.R = "curly"
 selectorAffix."R/sansSerif" = "curly"
@@ -907,6 +911,7 @@ selectorAffix.RRotunda = "curly"
 
 [prime.capital-r.variants-buildup.stages.leg.standing]
 rank = 3
+groupRank = 3
 descriptionAffix = "standing leg (like Helvetica)"
 selectorAffix.R = "standing"
 selectorAffix."R/sansSerif" = "standing"