diff --git a/core/themes/classy/css/components/form.css b/core/themes/classy/css/components/form.css
index 15b8ec2..66edc39 100644
--- a/core/themes/classy/css/components/form.css
+++ b/core/themes/classy/css/components/form.css
@@ -91,6 +91,13 @@ abbr.ajax-changed {
 .form-item select.error {
   border: 2px solid red;
 }
+.form-item input[type="checkbox"].error,
+.form-item input[type="radio"].error {
+  border: none;
+  outline-color: red;
+  outline-style: solid;
+  outline-width: 2px;
+}
 
 /* Inline error messages. */
 .form-item--error-message:before {
diff --git a/core/themes/seven/css/components/form.css b/core/themes/seven/css/components/form.css
index f74eb74..e8f8963 100644
--- a/core/themes/seven/css/components/form.css
+++ b/core/themes/seven/css/components/form.css
@@ -78,6 +78,13 @@ label[for] {
   box-shadow: inset 0 5px 5px -5px #b8b8b8;
   color: #a51b00;
 }
+.form-item input[type="checkbox"].error,
+.form-item input[type="radio"].error {
+  border: none;
+  outline-color: #e62600;
+  outline-style: solid;
+  outline-width: 1px;
+}
 .form-item textarea.error + .cke {
   border-width: 1px;
   border-color: #e62600;