diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/edit/CategoryOptions.vue b/contentcuration/contentcuration/frontend/channelEdit/components/edit/CategoryOptions.vue
index 6d0490ef2c..fbd3073d93 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/edit/CategoryOptions.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/edit/CategoryOptions.vue
@@ -167,7 +167,8 @@
     },
     methods: {
       treeItemStyle(item) {
-        return this.nested ? { paddingLeft: `${item.level * 24}px` } : {};
+        const rule = this.$isRTL ? 'paddingRight' : 'paddingLeft';
+        return this.nested ? { [rule]: `${item.level * 24}px` } : {};
       },
       add(value) {
         this.selected = [...this.selected, value];
diff --git a/contentcuration/contentcuration/frontend/shared/views/form/DropdownWrapper.vue b/contentcuration/contentcuration/frontend/shared/views/form/DropdownWrapper.vue
index 75d19abef6..56c38b0f58 100644
--- a/contentcuration/contentcuration/frontend/shared/views/form/DropdownWrapper.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/form/DropdownWrapper.vue
@@ -48,6 +48,7 @@
           top: this.top,
           maxHeight: this.menuHeight,
           lazy: true,
+          contentClass: this.$isRTL ? 'forceRTLMenu' : '',
         };
       },
     },
@@ -91,3 +92,16 @@
   };
 
 </script>
+<style>
+
+/* According to the documentation, Vuetify supposedly supports a `right` prop to position the menu
+   on the right side, but there isn't any code that actually does this. So when using an RTL
+   language, this class will be applied and these will get flipped, because our intention is
+   left:auto and right:0
+ */
+.forceRTLMenu {
+  left: 0 !important;
+  right: auto !important;
+}
+
+</style>