diff --git a/frontend/src/components/v2/Checkbox/Checkbox.tsx b/frontend/src/components/v2/Checkbox/Checkbox.tsx
index fda9a06726c..63a62a22507 100644
--- a/frontend/src/components/v2/Checkbox/Checkbox.tsx
+++ b/frontend/src/components/v2/Checkbox/Checkbox.tsx
@@ -40,8 +40,8 @@ export const Checkbox = ({
     <div className={twMerge("flex items-center font-inter text-bunker-300", containerClassName)}>
       <CheckboxPrimitive.Root
         className={twMerge(
-          "flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-mineshaft-400/50 bg-mineshaft-600 shadow-sm transition-all hover:bg-mineshaft-500",
-          isDisabled && "bg-bunker-400 hover:bg-bunker-400",
+          "flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-mineshaft-400/50 bg-mineshaft-700 shadow-sm transition-all hover:bg-mineshaft-500",
+          isDisabled && "cursor-not-allowed bg-mineshaft-600 opacity-40",
           isChecked && "border-primary/50 bg-primary/30",
           Boolean(children) && "mr-3",
           className