diff --git a/src/checkbox/skin.css b/src/checkbox/skin.css
index ecf8ab6897..c376c886a2 100644
--- a/src/checkbox/skin.css
+++ b/src/checkbox/skin.css
@@ -14,11 +14,6 @@ governing permissions and limitations under the License.
   color: var(--spectrum-checkbox-text-color);
 }
 
-.spectrum-Checkbox-checkmark,
-.spectrum-Checkbox-partialCheckmark {
-  color: var(--spectrum-checkbox-checkmark-color);
-}
-
 .spectrum-Checkbox-box {
   border-color: var(--spectrum-checkbox-box-border-color);
   background-color: var(--spectrum-checkbox-box-background-color);
@@ -74,6 +69,11 @@ governing permissions and limitations under the License.
   }
 }
 
+.spectrum-Checkbox .spectrum-Checkbox-checkmark,
+.spectrum-Checkbox .spectrum-Checkbox-partialCheckmark {
+  color: var(--spectrum-checkbox-checkmark-color);
+}
+
 .spectrum-Checkbox-input {
   &:disabled + .spectrum-Checkbox-box {
     /* Use important to override hover states */