diff --git a/packages/ui/src/elements/AppHeader/index.scss b/packages/ui/src/elements/AppHeader/index.scss
index f20821792..b65e4f764 100644
--- a/packages/ui/src/elements/AppHeader/index.scss
+++ b/packages/ui/src/elements/AppHeader/index.scss
@@ -11,12 +11,6 @@
       display: none;
     }
 
-    // place the localizer outside the `overflow: hidden` container so that the popup is visible
-    // this means we need to use a placeholder div so that the space is retained in the DOM
-    [dir='rtl'] &__localizer {
-      right: unset;
-      left: base(4.5);
-    }
     &__localizer.localizer {
       position: absolute;
       top: 50%;
@@ -24,6 +18,13 @@
       transform: translate3d(0, -50%, 0);
     }
 
+    // place the localizer outside the `overflow: hidden` container so that the popup is visible
+    // this means we need to use a placeholder div so that the space is retained in the DOM
+    [dir='rtl'] &__localizer {
+      right: unset;
+      left: base(4.5);
+    }
+
     &__localizer-spacing {
       visibility: hidden;
     }
diff --git a/test/localization-rtl/config.ts b/test/localization-rtl/config.ts
index 50e078dea..22ea55efd 100644
--- a/test/localization-rtl/config.ts
+++ b/test/localization-rtl/config.ts
@@ -2,9 +2,13 @@ import { fileURLToPath } from 'node:url'
 import path from 'path'
 const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)
+import { ar } from '@payloadcms/translations/languages/ar'
+import { de } from '@payloadcms/translations/languages/de'
+import { en } from '@payloadcms/translations/languages/en'
+import { es } from '@payloadcms/translations/languages/es'
+
 import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
 import { devUser } from '../credentials.js'
-import { ar } from './ar.js'
 import { Posts } from './collections/posts.js'
 import { Users } from './collections/users.js'
 import deepMerge from './deepMerge.js'
@@ -38,6 +42,14 @@ export default buildConfigWithDefaults({
     defaultLocale: 'en',
     fallback: true,
   },
+  i18n: {
+    supportedLanguages: {
+      ar,
+      en,
+      es,
+      de,
+    },
+  },
   onInit: async (payload) => {
     await payload.create({
       collection: 'users',