diff --git a/theme/boost/scss/moodle/forms.scss b/theme/boost/scss/moodle/forms.scss
index 186f3f472fc..928c1febc88 100644
--- a/theme/boost/scss/moodle/forms.scss
+++ b/theme/boost/scss/moodle/forms.scss
@@ -338,6 +338,13 @@ fieldset.coursesearchbox label {
     font-size: large;
 }
 
+select.form-control {
+    &[size],
+    &[multiple] {
+        padding-right: 0;
+    }
+}
+
 /* Non-bootstrap selects with a size show their contents outside of the element.
  * Remove when we update to stable bootstrap 4. (MDL-56511) */
 select[size],
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 236fa38729c..a7c0d3b23b5 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -16653,6 +16653,9 @@ fieldset.coursesearchbox label {
   padding: 0.5em;
   font-size: large; }
 
+select.form-control[size], select.form-control[multiple] {
+  padding-right: 0; }
+
 /* Non-bootstrap selects with a size show their contents outside of the element.
  * Remove when we update to stable bootstrap 4. (MDL-56511) */
 select[size],
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 85ea44d6da0..fdcd8773d3e 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -16887,6 +16887,9 @@ fieldset.coursesearchbox label {
   padding: 0.5em;
   font-size: large; }
 
+select.form-control[size], select.form-control[multiple] {
+  padding-right: 0; }
+
 /* Non-bootstrap selects with a size show their contents outside of the element.
  * Remove when we update to stable bootstrap 4. (MDL-56511) */
 select[size],