diff --git a/src/components/ha-attributes.ts b/src/components/ha-attributes.ts
index 0c137a983b..f39f5b9685 100644
--- a/src/components/ha-attributes.ts
+++ b/src/components/ha-attributes.ts
@@ -76,6 +76,7 @@ class HaAttributes extends LitElement {
       css`
         .attribute-container {
           margin-bottom: 8px;
+          direction: ltr;
         }
         .data-entry {
           display: flex;
diff --git a/src/panels/lovelace/cards/hui-media-control-card.ts b/src/panels/lovelace/cards/hui-media-control-card.ts
index 18bf718876..087338f1d2 100644
--- a/src/panels/lovelace/cards/hui-media-control-card.ts
+++ b/src/panels/lovelace/cards/hui-media-control-card.ts
@@ -673,7 +673,7 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
         margin-inline-end: initial;
         padding-inline-start: 0;
         padding-inline-end: 8px;
-        direction: var(--direction);
+        direction: ltr;
       }
 
       .controls > div {