diff --git a/app/javascript/dashboard/components-next/Conversation/Chips/TypingIndicator.vue b/app/javascript/dashboard/components-next/Conversation/Chips/TypingIndicator.vue
index 78ffcb768..ddd2912c0 100644
--- a/app/javascript/dashboard/components-next/Conversation/Chips/TypingIndicator.vue
+++ b/app/javascript/dashboard/components-next/Conversation/Chips/TypingIndicator.vue
@@ -45,7 +45,7 @@ const typingUserNames = computed(() => {
   <div v-show="isAnyoneTyping">
     <div
       v-if="isAnyoneTyping"
-      class="flex py-1.5 pr-2 pl-3 rounded-full shadow-sm border border-n-weak bg-n-solid-2 text-xs font-semibold my-2.5 mx-auto"
+      class="flex py-1.5 pr-2 pl-3 rtl:pl-2 rtl:pr-3 rounded-full shadow-sm border border-n-weak bg-n-solid-2 text-xs font-semibold my-2.5 mx-auto"
     >
       {{ typingUserNames }}
       <img
diff --git a/app/javascript/dashboard/components-next/Conversation/Chips/UnreadIndicator.vue b/app/javascript/dashboard/components-next/Conversation/Chips/UnreadIndicator.vue
index 66d89f0cb..c33815262 100644
--- a/app/javascript/dashboard/components-next/Conversation/Chips/UnreadIndicator.vue
+++ b/app/javascript/dashboard/components-next/Conversation/Chips/UnreadIndicator.vue
@@ -35,7 +35,7 @@ const classToApply = computed(() => {
     <div
       v-intersection-observer="onIntersectionObserver"
       :class="classToApply"
-      class="flex py-1.5 pr-2 pl-3 rounded-full text-xs font-semibold my-2.5 mx-auto"
+      class="flex py-1.5 px-3 rounded-full text-xs font-semibold my-2.5 mx-auto"
       @click="emit('click')"
     >
       {{ label }}