diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 0a22e3c81..0c880a40b 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -1295,8 +1295,8 @@ div.flash.warning svg.icon-svg, .conflict svg.icon-svg {
 
 /***** CommonMark Alerts *****/
 .markdown-alert {
-  border-left: 4px solid;
-  padding-left: 0.6em;
+  border-inline-start: 4px solid;
+  padding-inline-start: 0.6em;
   margin: 1em 0;
 }
 
diff --git a/app/assets/stylesheets/wiki_syntax.css b/app/assets/stylesheets/wiki_syntax.css
index d463bc0b4..76d6ec365 100644
--- a/app/assets/stylesheets/wiki_syntax.css
+++ b/app/assets/stylesheets/wiki_syntax.css
@@ -76,9 +76,9 @@ a:hover, a:active{ color: var(--oc-red-9); text-decoration: underline;}
 span.more_info { font-weight: normal; }
 
 .markdown-alert {
-  border-left: 4px solid;
-  padding-left: 10px;
-  margin-left: 10px;
+  border-inline-start: 4px solid;
+  padding-inline-start: 10px;
+  margin-inline-start: 10px;
 }
 .markdown-alert-title {
   font-weight: bold;
diff --git a/app/assets/stylesheets/wiki_syntax_detailed.css b/app/assets/stylesheets/wiki_syntax_detailed.css
index a947f4884..b925e1951 100644
--- a/app/assets/stylesheets/wiki_syntax_detailed.css
+++ b/app/assets/stylesheets/wiki_syntax_detailed.css
@@ -69,9 +69,9 @@ table.list td { background-color: var(--oc-gray-0); vertical-align: middle; padd
 
 
 .markdown-alert {
-  border-left: 4px solid;
-  padding-left: 10px;
-  margin-left: 20px;
+  border-inline-start: 4px solid;
+  padding-inline-start: 10px;
+  margin-inline-start: 20px;
 }
 .markdown-alert-title {
   font-weight: bold;