diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css
index ea84ce8d0..b8e3aa3ec 100644
--- a/static/themes/default/css/main.css
+++ b/static/themes/default/css/main.css
@@ -699,6 +699,17 @@ input[type='submit'].running-status-button {
     padding-left: 2rem;
 }
 
+/*
+ * Select all checkbox for multiple checkboxes field.
+ */
+.select-all-label {
+    border: 1px solid var(--neutral-dark-color);
+    background-color: var(--neutral-light-color);
+    border-radius: 0.25rem;
+    padding: 0.5rem 1rem 0.25rem;
+    margin-left: -1rem;
+}
+
 /*
  * Button toolbar
  */
diff --git a/static/themes/default/js/main.js b/static/themes/default/js/main.js
index b9f6c5bf9..65c723f56 100644
--- a/static/themes/default/js/main.js
+++ b/static/themes/default/js/main.js
@@ -132,6 +132,7 @@ document.addEventListener('DOMContentLoaded', function(event) {
 
         let label = document.createElement('label');
         label.for = "select_all";
+        label.setAttribute('class', 'select-all-label');
 
         let checkbox = document.createElement('input');
         checkbox.type = "checkbox";