diff --git a/resources/js/components/ui/Publish/Container.vue b/resources/js/components/ui/Publish/Container.vue
index 1bb02fa2507..73539aa422e 100644
--- a/resources/js/components/ui/Publish/Container.vue
+++ b/resources/js/components/ui/Publish/Container.vue
@@ -80,6 +80,7 @@ const meta = ref(props.meta);
 const previews = ref({});
 const localizedFields = ref(props.modifiedFields || []);
 const components = ref([]);
+const direction = computed(() => Statamic.$config.get('sites').find(s => s.handle === props.site)?.direction ?? document.documentElement.dir ?? 'ltr');
 
 const visibleValues = computed(() => {
     const omittable = Object.keys(hiddenFields.value).filter(
@@ -221,6 +222,7 @@ const provided = {
     localizedFields,
     meta,
     site: toRef(() => props.site),
+    direction,
     errors: toRef(() => props.errors),
     readOnly: toRef(() => props.readOnly),
     previews,
diff --git a/resources/js/components/ui/Publish/Field.vue b/resources/js/components/ui/Publish/Field.vue
index 61ab39719ef..be3d6680bdc 100644
--- a/resources/js/components/ui/Publish/Field.vue
+++ b/resources/js/components/ui/Publish/Field.vue
@@ -43,6 +43,7 @@ const {
     hiddenFields,
     setHiddenField,
     container,
+    direction,
 } = injectContainerContext();
 const {
     fieldPathPrefix: injectedFieldPathPrefix,
@@ -242,12 +243,14 @@ const fieldtypeComponentEvents = computed(() => ({
             <div class="text-xs text-red-600" v-if="!fieldtypeComponentExists">
                 Component <code v-text="fieldtypeComponent"></code> does not exist.
             </div>
-            <Component
-                ref="fieldtype"
-                :is="fieldtypeComponent"
-                v-bind="fieldtypeComponentProps"
-                v-on="fieldtypeComponentEvents"
-            />
+            <div :dir="direction">
+                <Component
+                    ref="fieldtype"
+                    :is="fieldtypeComponent"
+                    v-bind="fieldtypeComponentProps"
+                    v-on="fieldtypeComponentEvents"
+                />
+            </div>
         </Field>
     </slot>
 </template>
diff --git a/src/Http/View/Composers/JavascriptComposer.php b/src/Http/View/Composers/JavascriptComposer.php
index 97affd4e7a9..72bda1dcf5b 100644
--- a/src/Http/View/Composers/JavascriptComposer.php
+++ b/src/Http/View/Composers/JavascriptComposer.php
@@ -89,6 +89,7 @@ protected function sites()
                 'name' => $site->name(),
                 'handle' => $site->handle(),
                 'lang' => $site->lang(),
+                'direction' => $site->direction(),
             ];
         })->values();
     }