diff --git a/.tool-versions b/.tool-versions
index 139632a..79900ee 100644
--- a/.tool-versions
+++ b/.tool-versions
@@ -1,4 +1,4 @@
 nodejs 20.11.1
-ruby 3.3.4
+ruby 3.3.3
 bundler 2.3.26
 cocoapods 1.15.2
diff --git a/components/__tests__/subgroup.test.tsx b/components/__tests__/subgroup.test.tsx
index fea4370..bab3cdb 100644
--- a/components/__tests__/subgroup.test.tsx
+++ b/components/__tests__/subgroup.test.tsx
@@ -18,11 +18,13 @@ describe("Subgroup", () => {
       id: 1,
       label: 1,
       totalSignedUpCount: 10,
+      rangeAccessLabel: "510-650",
     } as EventSubgroup;
 
     render(<Subgroup subgroup={subgroup} />);
 
     expect(screen.getByText("10")).toBeTruthy();
+    expect(screen.getByText("510-650")).toBeTruthy();
   });
 
   it("renders correctly with isPressable set to false", () => {
diff --git a/components/subgroup.tsx b/components/subgroup.tsx
index 2a93f17..141aca4 100644
--- a/components/subgroup.tsx
+++ b/components/subgroup.tsx
@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 import { Pressable, View } from "react-native";
 
 import { Text } from "@/components";
-import { ChevronRightIcon } from "@/components/icons";
+import { ChevronRightIcon, RankingIcon, UsersIcon } from "@/components/icons";
 import { SubgroupBadge } from "@/components/subgroup-badge";
 import { labelToCategory } from "@/libs/zwiftpower";
 import { cn } from "@/styles";
@@ -34,13 +34,26 @@ export const Subgroup = forwardRef<View, any>(function Subgroup(
       )}
       {...props}
     >
-      <View className="flex flex-grow flex-row gap-2">
+      <View className="flex flex-grow flex-row items-center gap-2">
         <SubgroupBadge
           className="text-small min-h-6 min-w-6"
           category={category}
           text={category}
         />
-        <Text>{subgroup.totalSignedUpCount}</Text>
+        <View className="flex flex-grow flex-col gap-0">
+          <View className="flex flex-row items-center gap-1">
+            <UsersIcon className="h-4 w-4" />
+            <Text>{subgroup.totalSignedUpCount}</Text>
+          </View>
+          {subgroup.rangeAccessLabel && (
+            <View className="flex flex-row items-center gap-1">
+              <RankingIcon className="h-4 w-4 text-default-500" />
+              <Text className="text-base text-default-500">
+                {subgroup.rangeAccessLabel}
+              </Text>
+            </View>
+          )}
+        </View>
       </View>
 
       <View className="flex justify-center">