diff --git a/core/themes/claro/css/components/file.css b/core/themes/claro/css/components/file.css
index 27bc76fb8a..344cf0627f 100644
--- a/core/themes/claro/css/components/file.css
+++ b/core/themes/claro/css/components/file.css
@@ -19,10 +19,10 @@
   line-height: 1.125rem;
 }
 
-[dir="rtl"] .file {
-  padding-right: 1.5rem;
-}
+.file + [dir="rtl"] .file {
+    padding-right: 1.5rem;
+  }
 
-.file__size {
-  color: #55565b;
-}
+.file + .file__size {
+    color: #55565b;
+  }
diff --git a/core/themes/claro/css/components/file.pcss.css b/core/themes/claro/css/components/file.pcss.css
index 0c277eb557..fe0fb1a442 100644
--- a/core/themes/claro/css/components/file.pcss.css
+++ b/core/themes/claro/css/components/file.pcss.css
@@ -12,11 +12,12 @@
   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);
-}
 
-.file__size {
-  color: var(--color-gray-800);
+  & + [dir="rtl"] .file {
+    padding-right: var(--space-l);
+  }
+
+  & + .file__size {
+    color: var(--color-gray-800);
+  }
 }