diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 98b887c6..88dedd6e 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -11,14 +11,14 @@ jobs:
   preflight:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
       # Set node version
-      - uses: actions/setup-node@v2
+      - uses: actions/setup-node@v4
         with:
           node-version: '12.14.1'
 
       # Cache node_modules
-      - uses: actions/cache@v2
+      - uses: actions/cache@v4
         env:
           cache-name: cache-node-modules
         with:
diff --git a/package.json b/package.json
index 957c90e8..c4a70766 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@codaco/ui",
-  "version": "5.8.5",
+  "version": "5.8.6",
   "description": "Styles and React components for the Network Canvas project",
   "main": "lib/components/index.js",
   "license": "GPL-3.0-or-later",
diff --git a/src/components/Fields/ToggleButtonGroup.js b/src/components/Fields/ToggleButtonGroup.js
index 5448f8b4..907cd85f 100644
--- a/src/components/Fields/ToggleButtonGroup.js
+++ b/src/components/Fields/ToggleButtonGroup.js
@@ -53,7 +53,7 @@ class ToggleButtonGroup extends PureComponent {
           onChange: this.handleClickOption,
         }}
         label={optionLabel}
-        color={`cat-color-seq-${index + 1}`}
+        color={`cat-color-seq-${index}`}
       />
     );
   };
diff --git a/src/styles/components/form/fields/_toggle-button.scss b/src/styles/components/form/fields/_toggle-button.scss
index 6cfeeca2..315ac2f4 100644
--- a/src/styles/components/form/fields/_toggle-button.scss
+++ b/src/styles/components/form/fields/_toggle-button.scss
@@ -106,8 +106,8 @@ $component-name: form-field-togglebutton;
   }
 }
 
-@for $i from 1 through 20 {
-  $sequence-number: $i % 11;
+@for $i from 0 through 20 {
+  $sequence-number: $i % 10 + 1;
   .form-field-togglebutton-cat-color-seq-#{$i} {
     .form-field-togglebutton__checkbox {
       &::before {