diff --git a/components/ChecklistItem/index.js b/components/ChecklistItem/index.js
index 5c74a60..1d1ea6e 100644
--- a/components/ChecklistItem/index.js
+++ b/components/ChecklistItem/index.js
@@ -57,6 +57,7 @@ class ChecklistItem extends React.Component<Props, State> {
 
             <ResourceContent isChecked={isChecked}>
               <Heading resource={resource} />
+
               {resource.apps && (
                 <React.Fragment>
                   <Divider />
diff --git a/components/ChecklistItem/style.js b/components/ChecklistItem/style.js
index ddc17ff..f245072 100644
--- a/components/ChecklistItem/style.js
+++ b/components/ChecklistItem/style.js
@@ -72,16 +72,17 @@ export const Checkbox = styled.span`
   height: 32px;
   border-radius: 4px;
   border: 1px solid
-    ${props => (props.isChecked ? theme.brand.default : theme.border.default)};
+    ${props => (props.isChecked ? theme.success.default : theme.border.default)};
   background: ${props =>
-    props.isChecked ? theme.brand.default : theme.bg.wash};
+    props.isChecked ? theme.success.default : theme.bg.wash};
   cursor: pointer;
   position: relative;
 
   &:hover {
     ${Shadows.default};
     border: 1px solid
-      ${props => (props.isChecked ? theme.brand.default : theme.border.active)};
+      ${props =>
+        props.isChecked ? theme.success.default : theme.border.active};
   }
 
   &:after {