diff --git a/babybuddy/static_src/scss/_global.scss b/babybuddy/static_src/scss/_global.scss
index 17009a1c..6a1cd834 100644
--- a/babybuddy/static_src/scss/_global.scss
+++ b/babybuddy/static_src/scss/_global.scss
@@ -20,3 +20,10 @@
 .invalid-feedback {
     display: block;
 }
+
+// Disable hover effect on buttons (used for checkbox buttons).
+.btn-no-hover:hover {
+    color: inherit;
+    background-color: inherit;
+    border-color: inherit;
+}
diff --git a/babybuddy/templates/babybuddy/form_field.html b/babybuddy/templates/babybuddy/form_field.html
index 405d481f..03fdf69b 100644
--- a/babybuddy/templates/babybuddy/form_field.html
+++ b/babybuddy/templates/babybuddy/form_field.html
@@ -8,7 +8,7 @@
 <div class="col-sm-10">
     {% if field|field_type == "booleanfield" %}
         <div class="btn-group-toggle" data-toggle="buttons">
-            <label for="id_{{ field.name }}" class="btn btn-outline-light{% if field.value %} active{% endif %}">
+            <label for="id_{{ field.name }}" class="btn btn-outline-light btn-no-hover{% if field.value %} active{% endif %}">
                 {% if field.errors %}
                     {{ field|add_class:"is-invalid" }}
                 {% else %}