diff --git a/theme/bootstrapbase/less/bootstrap/popovers.less b/theme/bootstrapbase/less/bootstrap/popovers.less
index aae35c8cd56..1a2f71c6180 100644
--- a/theme/bootstrapbase/less/bootstrap/popovers.less
+++ b/theme/bootstrapbase/less/bootstrap/popovers.less
@@ -6,6 +6,7 @@
 .popover {
   position: absolute;
   top: 0;
+  /*rtl:ignore*/
   left: 0;
   z-index: @zindexPopover;
   display: none;
diff --git a/theme/bootstrapbase/readme_moodle.txt b/theme/bootstrapbase/readme_moodle.txt
index e960c59bcaf..0c28edb9563 100644
--- a/theme/bootstrapbase/readme_moodle.txt
+++ b/theme/bootstrapbase/readme_moodle.txt
@@ -51,3 +51,10 @@ in the compiled CSS (MDL-53152):
 * @gridRowWidth
 * @gridRowWidth1200
 * @gridRowWidth768
+
+popovers.less
+-------------
+MDL-60250 - The '/*rtl:ignore*/' directive has been added to the 'left' attribute of the 'popover' class so that
+the rtlcss-php tool (https://github.com/moodlehq/rtlcss-php) does not flip this to a 'right' attribute and cause
+the popover to be misplaced on the page when the JavaScript calculates the postion of the popover and adds an
+overriding inline CSS 'left' attribute which is fine in LTR languages but confuses it in RTL languages.
diff --git a/theme/bootstrapbase/style/moodle.css b/theme/bootstrapbase/style/moodle.css
index cf238a16c9a..04f710130f1 100644
--- a/theme/bootstrapbase/style/moodle.css
+++ b/theme/bootstrapbase/style/moodle.css
@@ -14906,6 +14906,7 @@ input[type="submit"].btn.btn-mini {
 .popover {
   position: absolute;
   top: 0;
+  /*rtl:ignore*/
   left: 0;
   z-index: 1010;
   display: none;