diff --git a/src/components/carousel/carousel.component.ts b/src/components/carousel/carousel.component.ts
index 78547576..e1204736 100644
--- a/src/components/carousel/carousel.component.ts
+++ b/src/components/carousel/carousel.component.ts
@@ -488,7 +488,7 @@ export default class SlCarousel extends ShoelaceElement {
const currentPage = this.getCurrentPage();
const prevEnabled = this.canScrollPrev();
const nextEnabled = this.canScrollNext();
- const isLtr = this.localize.dir() === 'ltr';
+ const isLtr = this.matches(':dir(ltr)');
return html`
diff --git a/src/components/image-comparer/image-comparer.component.ts b/src/components/image-comparer/image-comparer.component.ts
index 02ca1488..2dfcf273 100644
--- a/src/components/image-comparer/image-comparer.component.ts
+++ b/src/components/image-comparer/image-comparer.component.ts
@@ -63,7 +63,7 @@ export default class SlImageComparer extends ShoelaceElement {
}
private handleKeyDown(event: KeyboardEvent) {
- const isLtr = this.localize.dir() === 'ltr';
+ const isLtr = this.matches(':dir(ltr)');
const isRtl = this.matches(':dir(rtl)');
if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) {
diff --git a/src/components/rating/rating.component.ts b/src/components/rating/rating.component.ts
index f900714c..aefb623e 100644
--- a/src/components/rating/rating.component.ts
+++ b/src/components/rating/rating.component.ts
@@ -108,7 +108,7 @@ export default class SlRating extends ShoelaceElement {
}
private handleKeyDown(event: KeyboardEvent) {
- const isLtr = this.localize.dir() === 'ltr';
+ const isLtr = this.matches(':dir(ltr)');
const isRtl = this.matches(':dir(rtl)');
const oldValue = this.value;
diff --git a/src/components/tree/tree.component.ts b/src/components/tree/tree.component.ts
index 57556e3a..790ca303 100644
--- a/src/components/tree/tree.component.ts
+++ b/src/components/tree/tree.component.ts
@@ -225,7 +225,7 @@ export default class SlTree extends ShoelaceElement {
}
const items = this.getFocusableItems();
- const isLtr = this.localize.dir() === 'ltr';
+ const isLtr = this.matches(':dir(ltr)');
const isRtl = this.matches(':dir(rtl)');
if (items.length > 0) {