diff --git a/src/components/toast/_toast.scss b/src/components/toast/_toast.scss
index c0a9a288287..ac14b84c8ef 100644
--- a/src/components/toast/_toast.scss
+++ b/src/components/toast/_toast.scss
@@ -36,6 +36,16 @@
       opacity: 0;
     }
 
+    // fix close icon in rtl direction
+    .toast-header {
+      .close {
+        [dir="rtl"] & {
+          margin-left: unset !important; // override bootstrap's ml-auto class
+          margin-right: auto;
+        }
+      }
+    }
+
     .toast-body {
       display: block; // Needed when we use a link as the body element
     }