diff --git a/src/components/middle/HeaderPinnedMessage.module.scss b/src/components/middle/HeaderPinnedMessage.module.scss
index 99df37992..e375663d5 100644
--- a/src/components/middle/HeaderPinnedMessage.module.scss
+++ b/src/components/middle/HeaderPinnedMessage.module.scss
@@ -136,6 +136,10 @@
     margin-right: 2.625rem;
     max-width: calc(15rem - 2.625rem);
     min-width: calc(15rem - 2.625rem);
+
+    &[dir="rtl"] {
+      transform: translateX(-0.25rem);
+    }
   }
 
   :global(.emoji-small) {
diff --git a/src/components/middle/HeaderPinnedMessage.tsx b/src/components/middle/HeaderPinnedMessage.tsx
index 95d2ce402..f5210f1cf 100644
--- a/src/components/middle/HeaderPinnedMessage.tsx
+++ b/src/components/middle/HeaderPinnedMessage.tsx
@@ -170,8 +170,11 @@ const HeaderPinnedMessage: FC<OwnProps> = ({
             isSpoiler,
           )}
         </Transition>
-        <div className={buildClassName(styles.messageText, mediaThumbnail && styles.withMedia)}>
-          <div className={styles.title} dir="auto">
+        <div
+          className={buildClassName(styles.messageText, mediaThumbnail && styles.withMedia)}
+          dir={lang.isRtl ? 'rtl' : undefined}
+        >
+          <div className={styles.title} dir={lang.isRtl ? 'rtl' : undefined}>
             {!customTitle && (
               <AnimatedCounter text={`${lang('PinnedMessage')} ${index > 0 ? `#${count - index}` : ''}`} />
             )}