diff --git a/scss/components/_accordion.scss b/scss/components/_accordion.scss
index 376fd264..f2e319ca 100644
--- a/scss/components/_accordion.scss
+++ b/scss/components/_accordion.scss
@@ -74,7 +74,7 @@
       // Type button
       &[role="button"] {
         width: 100%;
-        text-align: left;
+        text-align: start;
 
         // Marker
         &::after {
@@ -104,7 +104,7 @@
   [dir="rtl"] {
     #{$parent-selector} details {
       summary {
-        text-align: right;
+        text-align: end;
 
         &::after {
           float: left;
diff --git a/scss/components/_modal.scss b/scss/components/_modal.scss
index 33614fda..d4161202 100644
--- a/scss/components/_modal.scss
+++ b/scss/components/_modal.scss
@@ -68,7 +68,7 @@
       }
 
       > footer {
-        text-align: right;
+        text-align: end;
 
         button,
         [role="button"] {
diff --git a/scss/content/_table.scss b/scss/content/_table.scss
index 06303ba8..e1fee1e0 100644
--- a/scss/content/_table.scss
+++ b/scss/content/_table.scss
@@ -33,7 +33,7 @@
     background-color: var(#{$css-var-prefix}background-color);
     color: var(#{$css-var-prefix}color);
     font-weight: var(#{$css-var-prefix}font-weight);
-    text-align: left;
+    text-align: start;
     text-align: start;
   }
 
diff --git a/scss/forms/_input-date.scss b/scss/forms/_input-date.scss
index 799c6205..4a1c5b80 100644
--- a/scss/forms/_input-date.scss
+++ b/scss/forms/_input-date.scss
@@ -57,6 +57,6 @@
   [dir="rtl"]
     #{$parent-selector}
     :is([type="date"], [type="datetime-local"], [type="month"], [type="time"], [type="week"]) {
-    text-align: right;
+    text-align: end;
   }
 }