website refactor

apps/website/ui/Checkbox.tsx

@@ -1,5 +1,3 @@
-
-
 import React from 'react';
 import { Box } from './primitives/Box';
 import { Text } from './Text';
@@ -26,7 +24,8 @@ export function Checkbox({ label, checked, onChange, disabled }: CheckboxProps)
         border
         borderColor="border-charcoal-outline"
         rounded="sm"
-        className="text-primary-blue focus:ring-primary-blue"
+        ring="primary-blue"
+        color="text-primary-blue"
       />
       <Text size="sm" color={disabled ? 'text-gray-500' : 'text-white'}>{label}</Text>
     </Box>