diff --git a/src/App.scss b/src/App.scss
index 3e2c5419..478c7916 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -844,3 +844,26 @@ option {
 .fade-leave-active {
   opacity: 0;
 }
+
+// Those containers are not affected by
+// external directionality.
+.site-name,
+.status-username,
+.account-name,
+.shortName,
+.userNameFull,
+.userName,
+.serverName,
+.StatusBody > .body,
+.user-card-bio,
+.search-result .hashtag a,
+.panel-body::before,
+.form-control#username:not(:placeholder-shown), .form-control#password,
+.emoji-search > .form-control,
+.form-post-subject, .form-post-subject + .emoji-picker-icon, .main-input,
+.name-changer#username, textarea.bio, .profile-fields input:not(:placeholder-shown),
+.name-changer#username + .emoji-picker-icon, textarea.bio + .emoji-picker-icon,
+input[type=email], input[type=password], input[type=number] {
+  unicode-bidi: isolate;
+  direction: initial;
+}
\ No newline at end of file
diff --git a/src/components/color_input/color_input.vue b/src/components/color_input/color_input.vue
index faf915d4..f5b6a05d 100644
--- a/src/components/color_input/color_input.vue
+++ b/src/components/color_input/color_input.vue
@@ -21,6 +21,7 @@
         :id="name + '-t'"
         class="textColor unstyled"
         type="text"
+        dir="ltr"
         :value="modelValue || fallback"
         :disabled="!present || disabled"
         @input="$emit('update:modelValue', $event.target.value)"
diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue
index bc256f2b..4cdc63ae 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -43,6 +43,7 @@
       v-model="family"
       class="custom-font"
       type="text"
+      dir="ltr"
     >
   </div>
 </template>