diff --git a/packages/modules/elements.js b/packages/modules/elements.js
index 81160f56..d6bcc841 100644
--- a/packages/modules/elements.js
+++ b/packages/modules/elements.js
@@ -78,6 +78,37 @@ export const elementsBase = {
         position: "relative",
         width: "1.125rem",
         verticalAlign: "top",
+        "&:after": {
+            backgroundColor: "transparent",
+            content: "''",
+            height: "0.375rem",
+            position: "absolute",
+        },
+        "&:checked,&:indeterminate": {
+            backgroundColor: "primary",
+            transitionDuration: "0.3s",
+            transitionProperty: "background-color",
+        },
+        "&:indeterminate:after": {
+            borderBottomColor: "white",
+            borderBottomStyle: "solid",
+            borderBottomWidth: "0.125rem",
+            left: "0.3125rem",
+            top: "0.25rem",
+            width: "0.5rem",
+        },
+        "&:checked:after": {
+            borderBottomColor: "white",
+            borderBottomStyle: "solid",
+            borderBottomWidth: "0.125rem",
+            borderLeftColor: "white",
+            borderLeftStyle: "solid",
+            borderLeftWidth: "0.125rem",
+            left: "0.25rem",
+            top: "0.3125rem",
+            transform: "rotate(-45deg)",
+            width: "0.625rem",
+        },
     },
     close: {
         appearance: "none",