feat: add workaround from heartcombo/simple_form-bootstrap#329

app/javascript/stylesheets/bootstrap_overrides.scss

@@ -82,3 +82,14 @@ aside {
     border: 1px solid rgba(101, 109, 119, 0.24) !important;
   }
 }
+
+// In bootstrap 5 legend floats left and requires the following element
+// to be cleared. In a radio button or checkbox group the element after
+// the legend will be the automatically generated hidden input; the fix
+// in https://github.com/twbs/bootstrap/pull/30345 applies to the hidden
+// input and has no visual effect. Here we try to fix matters by
+// applying the clear to the div wrapping the first following radio button
+// or checkbox.
+legend ~ div.form-check:first-of-type {
+  clear: left;
+}