diff --git a/src/grading-settings/grading-scale/components/GradingScaleSegment.tsx b/src/grading-settings/grading-scale/components/GradingScaleSegment.tsx
index 95d95b781a..65ec61fa0f 100644
--- a/src/grading-settings/grading-scale/components/GradingScaleSegment.tsx
+++ b/src/grading-settings/grading-scale/components/GradingScaleSegment.tsx
@@ -35,7 +35,7 @@ const GradingScaleSegment = ({
   return (
     <div
       key={value}
-      className={`grading-scale-segment segment-${idx - 1}`}
+      className={`grading-scale-segment segment-${(idx - 1)%5}`}
       data-testid="grading-scale-segment"
       {...getSegmentProps()}
     >