diff --git a/core/themes/claro/css/components/file.css b/core/themes/claro/css/components/file.css
index 27bc76fb8a..cb805a1b66 100644
--- a/core/themes/claro/css/components/file.css
+++ b/core/themes/claro/css/components/file.css
@@ -17,10 +17,10 @@
   background-size: 1rem 1rem;
   font-size: 0.889rem;
   line-height: 1.125rem;
-}
 
-[dir="rtl"] .file {
-  padding-right: 1.5rem;
+  [dir="rtl"] & {
+    padding-right: 1.5rem;
+  }
 }
 
 .file__size {
diff --git a/core/themes/claro/css/components/file.pcss.css b/core/themes/claro/css/components/file.pcss.css
index 0c277eb557..19e12a9485 100644
--- a/core/themes/claro/css/components/file.pcss.css
+++ b/core/themes/claro/css/components/file.pcss.css
@@ -12,9 +12,10 @@
   background-size: var(--space-m) var(--space-m);
   font-size: var(--font-size-s);
   line-height: calc(18rem / 16);
-}
-[dir="rtl"] .file {
-  padding-right: var(--space-l);
+
+  [dir="rtl"] & {
+    padding-right: var(--space-l);
+  }
 }
 
 .file__size {