diff --git a/src/lib/components/checkbox/Checkbox.component.tsx b/src/lib/components/checkbox/Checkbox.component.tsx
index e84b3b29df..baef148e9f 100644
--- a/src/lib/components/checkbox/Checkbox.component.tsx
+++ b/src/lib/components/checkbox/Checkbox.component.tsx
@@ -123,6 +123,12 @@ const StyledCheckbox = styled.label<{
 
   [type='checkbox']:disabled {
     cursor: not-allowed;
-    background-color: ${(props) => getTheme(props).textSecondary};
+    background-color: ${(props) => {
+      if (props.checked) {
+        return getTheme(props).selectedActive;
+      } else {
+        return getTheme(props).textSecondary;
+      }
+    }};
   }
 `;